diff --git a/client/pages/adminpage.scss b/client/pages/adminpage.scss index bd9fb38f..dddc9704 100644 --- a/client/pages/adminpage.scss +++ b/client/pages/adminpage.scss @@ -15,8 +15,8 @@ h2{ font-family: 'Source Code Pro', monospace; text-shadow: 0 0 2px var(--bg-color); - font-size: 2.8em; - padding: 60px 0 0 0; + font-size: 2em; + padding: 50px 0 0 0; margin-bottom: 30px; margin-top: 0; @media screen and (max-width: 1000px) { padding: 25px 0 0 0; } @@ -29,7 +29,7 @@ font-size: 0; border-bottom: 3px solid var(--color); width: 90px; - margin-top: 10px; + margin-top: 5px; opacity: 0.9; line-height: 0; } diff --git a/client/pages/adminpage/support.js b/client/pages/adminpage/support.js index f500aeea..68f6629d 100644 --- a/client/pages/adminpage/support.js +++ b/client/pages/adminpage/support.js @@ -1,5 +1,6 @@ import React from 'react'; import { Redirect } from 'react-router-dom'; +import "./support.scss"; export class SupportPage extends React.Component { constructor(props){ @@ -8,20 +9,58 @@ export class SupportPage extends React.Component { render(){ return ( -
+

Support

-

- contact us directly if you have/want enterprise support -

-

- There's also a community chat on Freenode - #filestash (or click here if you're not an IRC guru). -

-

Quick Links

- +
+
+ + Enterprise Support +

+ We offer support and maintenance, see our pricing page or drop us a email. +

+
+
+ + Issues & Feature request +

+ To report a bug or issue, open an issue on the Github repo. +

+
+
+ + Community Support +

+ The official IRC chanel of the project is on freenode #filestash. Come on over and chat with us +

+
+
+
+
+ + Documentation +

+ The place for everything documentation related, see our documentation +

+
+
+ + FAQ +

+ The commonly asked questions we get ask a lot, see our FAQ +

+
+
+
); } diff --git a/client/pages/adminpage/support.scss b/client/pages/adminpage/support.scss new file mode 100644 index 00000000..15b2dd79 --- /dev/null +++ b/client/pages/adminpage/support.scss @@ -0,0 +1,24 @@ +.component_support{ + .flex{ + display: flex; + > div{ + padding: 10px 20px; + width: 33.33%; + svg{ + width: 30px; + display: block; + margin: 0 auto; + text-align: center; + } + strong{ + text-align: center; + display: block; + margin-top: 10px; + font-weight: 100; + } + p{ + text-align: justify; + } + } + } +}