feat(easel): update navbar

2026-06-01 00:27:06 +03:00
parent eec72c77ab
commit b5f2c272bb
8 changed files with 85 additions and 17 deletions
--- a/static/src/mobile.scss
+++ b/static/src/mobile.scss
@@ -0,0 +1,34 @@
+@import "./lib/bootstrap";
+
+@include media-breakpoint-down(md) {
+  .app-header {
+    flex-direction: column;
+
+    > .link-list {
+      border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+      padding-bottom: map-get($spacers, 1); 
+      margin-bottom: map-get($spacers, 1); 
+      flex-direction: column;
+      gap: 0;
+
+      app-link {
+        display: flex;
+        align-items: center;
+
+        &:not(:last-child)::after {
+          content: "";
+        }
+      }
+    }
+  }
+
+  .navbar-nav {
+    flex-direction: column !important;
+
+    > .nav-item {
+      .btn {
+        padding: 0.125rem !important;
+      }
+    }
+  }
+}