From 3f4c0720e1e3421431e7baa20882a4a4512a7fab Mon Sep 17 00:00:00 2001
From: ivar <i@oiee.no>
Date: Sun, 19 Oct 2025 23:41:23 +0200
Subject: Initial

---
 src/wwwroot/styles/_sidebar.scss | 46 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 src/wwwroot/styles/_sidebar.scss

(limited to 'src/wwwroot/styles/_sidebar.scss')

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;
+  }
+}
-- 
cgit v1.3