diff --git a/dist/admin/basic-panel.html b/dist/admin/basic-panel.html new file mode 100644 index 0000000..f8a0e56 --- /dev/null +++ b/dist/admin/basic-panel.html @@ -0,0 +1,72 @@ + + + + + Insert title here + + + + + + + + + + + + + +
+ + +
+ + + + +
+ + +
+ + + diff --git a/dist/admin/basic.html b/dist/admin/basic.html index 673b83e..982c229 100644 --- a/dist/admin/basic.html +++ b/dist/admin/basic.html @@ -27,7 +27,7 @@ diff --git a/dist/admin/style.css b/dist/admin/style.css index 63dc60e..3bc79b2 100644 --- a/dist/admin/style.css +++ b/dist/admin/style.css @@ -1,5 +1,7 @@ body { - background-color: #f8f9fa; } + background-color: #f8f9fa; + display: flex; + flex-direction: row; } #main-area { flex: 1; @@ -9,6 +11,26 @@ body { #main-area > .container { flex: 1; } +.admin-sidebar { + min-height: 100vh; + width: 300px; } + .admin-sidebar ul { + margin: 0; + padding: 0; + margin-bottom: 3rem; } + .admin-sidebar a { + padding: 1.5rem; + padding-top: 1rem; + padding-bottom: 1rem; + display: block; + color: white; } + .admin-sidebar a:hover { + background-color: rgba(255, 255, 255, 0.2); + text-decoration: none; } + .admin-sidebar a i.fa { + display: inline-block; + width: 1.5rem; } + .card-connection { margin: auto; max-width: 360px; } diff --git a/src-admin/basic-panel.html b/src-admin/basic-panel.html new file mode 100644 index 0000000..b064951 --- /dev/null +++ b/src-admin/basic-panel.html @@ -0,0 +1,23 @@ + + + + + Insert title here + + + + + +
+ +
+ + + + +
+ +
+ + + diff --git a/src-admin/includes/_navbar.html b/src-admin/includes/_navbar.html index af268df..1259eea 100644 --- a/src-admin/includes/_navbar.html +++ b/src-admin/includes/_navbar.html @@ -10,7 +10,7 @@ diff --git a/src-admin/includes/_sidebar.html b/src-admin/includes/_sidebar.html new file mode 100644 index 0000000..3b572fa --- /dev/null +++ b/src-admin/includes/_sidebar.html @@ -0,0 +1,22 @@ + diff --git a/src-admin/scss/style.scss b/src-admin/scss/style.scss index 590ace2..391d45f 100644 --- a/src-admin/scss/style.scss +++ b/src-admin/scss/style.scss @@ -1,5 +1,7 @@ body { background-color: #f8f9fa; + display:flex; + flex-direction:row; } #main-area { @@ -13,6 +15,36 @@ body { } } +.admin-sidebar { + min-height:100vh; + width:300px; + + ul { + margin:0; + padding:0; + margin-bottom:3rem; + + } + + a { + padding:1.5rem; + padding-top:1rem; + padding-bottom:1rem; + display:block; + color:white; + + &:hover { + background-color:rgba(255,255,255,0.2); + text-decoration:none; + } + + i.fa { + display:inline-block; + width:1.5rem; + } + } +} + // Password-specific stuff .card-connection {