Default layout, Responsive sidebar

2022-05-30 11:34:08 +02:00
parent e9f0bcc993
commit 68bafaa3a2
7 changed files with 268 additions and 87 deletions
--- a/FoodsharingSiegen.Server/Shared/NavMenu.razor.scss
+++ b/FoodsharingSiegen.Server/Shared/NavMenu.razor.scss
@@ -1,14 +1,11 @@
-.navbar-toggler {
-    background-color: rgba(255, 255, 255, 0.1);
-}
+@import '../Style/_variables';

-.top-row {
-    height: 60px;
-    background-color: rgba(0,0,0,0.4);
-}
+nav {
+    padding-top: 50px;

-.navbar-brand {
-    font-size: 1.1rem;
+    @media screen and (min-width: #{$breakpointM}px) {
+        padding: 0;
+    }
 }

 .oi {
@@ -49,14 +46,3 @@
    background-color: rgba(255,255,255,0.1);
    color: #64ae24;
 }
-
-@media (min-width: 641px) {
-    .navbar-toggler {
-        display: none;
-    }
-
-    .collapse {
-        /* Never collapse the sidebar for wide screens */
-        display: block;
-    }
-}