NavMenu.razor.css (1183B)
1 .navbar-toggler { 2 background-color: rgba(255, 255, 255, 0.1); 3 } 4 5 .top-row { 6 height: 3.5rem; 7 background-color: rgba(0,0,0,0.4); 8 } 9 10 .navbar-brand { 11 font-size: 1.1rem; 12 } 13 14 .oi { 15 width: 2rem; 16 font-size: 1.1rem; 17 vertical-align: text-top; 18 top: -2px; 19 } 20 21 .nav-item { 22 font-size: 0.9rem; 23 padding-bottom: 0.5rem; 24 } 25 26 .nav-item:first-of-type { 27 padding-top: 1rem; 28 } 29 30 .nav-item:last-of-type { 31 padding-bottom: 1rem; 32 } 33 34 .nav-item ::deep a { 35 color: #d7d7d7; 36 border-radius: 4px; 37 height: 3rem; 38 display: flex; 39 align-items: center; 40 line-height: 3rem; 41 } 42 43 .nav-item ::deep a.active { 44 background-color: rgba(255,255,255,0.25); 45 color: white; 46 } 47 48 .nav-item ::deep a:hover { 49 background-color: rgba(255,255,255,0.1); 50 color: white; 51 } 52 53 @media (min-width: 641px) { 54 .navbar-toggler { 55 display: none; 56 } 57 58 .collapse { 59 /* Never collapse the sidebar for wide screens */ 60 display: block; 61 } 62 63 .nav-scrollable { 64 /* Allow sidebar to scroll for tall menus */ 65 height: calc(100vh - 3.5rem); 66 overflow-y: auto; 67 } 68 }