+16 -1

src/components/nav-menu.css

reviewed

··· 1 1 + .nav-menu section:last-child { 2 2 + background-color: var(--bg-faded-color); 3 3 + margin-bottom: -8px; 4 4 + padding-bottom: 8px; 5 5 + } 6 6 + 1 7 @media (min-width: 23em) { 2 8 .nav-menu { 3 9 display: grid; ··· 8 14 'left right'; 9 15 padding: 0; 10 16 width: 22em; 17 17 + max-width: 100%; 11 18 } 12 19 .nav-menu .top-menu { 13 20 grid-area: top; ··· 27 34 } 28 35 } 29 36 .nav-menu section:last-child { 30 30 - background-color: var(--bg-faded-color); 31 37 background-image: linear-gradient( 32 38 to right, 33 39 var(--divider-color) 1px, ··· 45 51 animation: phanpying 0.2s ease-in-out both; 46 52 border-top-right-radius: inherit; 47 53 border-bottom-right-radius: inherit; 54 54 + margin-bottom: 0; 55 55 + display: flex; 56 56 + flex-direction: column; 57 57 + 58 58 + .divider-grow { 59 59 + flex-grow: 1; 60 60 + height: auto; 61 61 + background-color: transparent; 62 62 + } 48 63 } 49 64 .nav-menu section:last-child > .szh-menu__divider:first-child { 50 65 display: none;

+1

src/components/nav-menu.jsx

reviewed

··· 249 249 <Icon icon="block" size="l" /> 250 250 Blocked users&hellip; 251 251 </MenuItem> 252 252 + <MenuDivider className="divider-grow" /> 252 253 <MenuItem 253 254 onClick={() => { 254 255 states.showKeyboardShortcutsHelp = true;