InitialHEADmaster

1 files changed, 46 insertions, 0 deletions

diff --git a/src/wwwroot/styles/_sidebar.scss b/src/wwwroot/styles/_sidebar.scss
new file mode 100644
index 0000000..ca69fb2
--- /dev/null
+++ b/src/wwwroot/styles/_sidebar.scss
@@ -0,0 +1,46 @@
+:root {
+  --top-navbar-height: 53px;
+  --sidebar-width: 10rem;
+}
+
+#navbar {
+  height: var(--top-navbar-height);
+  max-height: var(--top-navbar-height);
+
+  .item.image {
+    max-width: 250px;
+    max-height: 100%;
+    padding: 5px !important;
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+    }
+  }
+}
+
+#sidebar {
+  margin-top: var(--top-navbar-height) !important;
+  max-height: calc(100% - var(--top-navbar-height)) !important;
+  height: calc(100% - var(--top-navbar-height)) !important;
+}
+
+main {
+  margin-top: var(--top-navbar-height);
+}
+
+@media (min-width: 768px) {
+  #sidebar {
+    visibility: visible;
+    transform: translate3d(0, 0, 0);
+    width: var(--sidebar-width) !important;
+  }
+  main {
+    padding: 15px;
+    margin-left: var(--sidebar-width);
+  }
+  #sidebar-menu-toggler {
+    display: none !important;
+  }
+}