diff --git a/src/common/MenuLayout.js b/src/common/MenuLayout.js index 253a4cdd..f0f6cdff 100644 --- a/src/common/MenuLayout.js +++ b/src/common/MenuLayout.js @@ -9,9 +9,10 @@ export default function MenuLayout() {
-
diff --git a/src/servers/CreateServer.js b/src/servers/CreateServer.js index ecf5da64..bdc98240 100644 --- a/src/servers/CreateServer.js +++ b/src/servers/CreateServer.js @@ -1,7 +1,41 @@ import React from 'react'; +import { connect } from 'react-redux'; + +import './CreateServer.scss'; + +export const CreateServer = () => { + const submit = e => e.preventDefault(); -export default () => { return ( -
Create server
+
+
+
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+
+
); }; + +export default connect()(CreateServer); diff --git a/src/servers/CreateServer.scss b/src/servers/CreateServer.scss new file mode 100644 index 00000000..8f9ef042 --- /dev/null +++ b/src/servers/CreateServer.scss @@ -0,0 +1,11 @@ +@import "../utils/base"; + +.create-server { + padding: 40px 20px; +} + +.create-server__label { + @media (min-width: $mdMin) { + text-align: right; + } +} diff --git a/src/utils/base.scss b/src/utils/base.scss index 551c41a2..e867449d 100644 --- a/src/utils/base.scss +++ b/src/utils/base.scss @@ -1,4 +1,14 @@ +// Breakpoints +$xsMax: 575px; +$smMin: 576px; +$smMax: 577px; +$mdMin: 768px; +$mdMax: 991px; +$lgMin: 992px; +$lgMax: 1199px; +$xlgMin: 1200px; + // Colors $mainColor: #4696e5;