Added admin sites

2020-06-15 08:56:21 +02:00
parent 88b7012f69
commit e73e2aacdc
43 changed files with 674 additions and 151 deletions
@@ -0,0 +1,18 @@
+// App
+@import '../app/app';
+
+//
+// Admin
+//
+
+// Header
+@import 'header/header';
+
+// Nav
+@import 'nav/nav';
+
+// Directory Path
+@import 'nav/directory';
+
+// Content
+@import 'content/content';
@@ -0,0 +1,8 @@
+.content {
+    border-radius: 2px;
+    background-color: #ffffff;
+    width: calc(96% - 2rem);
+    min-height: calc(100% - 40.8px - 8rem);
+    padding: 1rem;
+    margin: 2rem auto;
+}
@@ -0,0 +1,14 @@
+header {
+    height: 4.5rem;
+}
+
+.brand {
+    width: calc(15% - 2rem);
+    padding: 0 1rem 0 1rem;
+    min-width: calc(194px - 2rem);
+}
+
+main {
+    min-height: calc(100% - 4.5rem);
+    background-color: #333333;
+}
@@ -0,0 +1,11 @@
+.directorypath {
+    border-radius: 2px;
+    background-color: #333333;
+    width: calc(96% - 2rem);
+    padding: .5rem 1rem .5rem 1rem;
+
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+    margin-left: auto;
+    margin-right: auto;
+}
@@ -0,0 +1,37 @@
+.nav {
+    width: 15%;
+    height: 100%;
+    min-width: 194px;
+}
+
+.segment {
+    margin-bottom: 1.25rem;
+}
+
+.segment > h3 {
+    margin-left: -1rem;
+    margin-top: 0;
+    width: calc(100% + 2rem);
+    background-color: rgba(0,0,0, 0.2);
+    text-align: center;
+}
+
+.segment > div {
+    padding: 0 1.25rem 0 1.25rem;
+    width: calc(100% - 2.5rem);
+    align-items: center;
+    margin-bottom: .5rem;
+}
+
+.segment > div:hover {
+    background-color: rgba(0,0,0,0.2);
+}
+
+.segment > div > a > img {
+    height: 1em;
+    padding-right: 8px;
+}
+
+.segment > div > a {
+
+}