+9 -7

src/components/generic/Nav.astro

reviewed

··· 22 22 <Hamburger /> 23 23 </button> 24 24 <dialog closedby="any" id="nav" popover> 25 25 - <button popovertarget="nav" popovertargetaction="hide" aria-label="close"> 25 25 + <button 26 26 + popovertarget="nav" 27 27 + popovertargetaction="hide" 28 28 + aria-label="close" 29 29 + id="nav-menu-close" 30 30 + > 26 31 <X width={32} height={32} /> 27 32 </button> 28 33 <h1>{current}</h1> ··· 31 36 32 37 <style> 33 38 button { 34 34 - float: right; 35 35 - height: 3em; 36 39 background-color: transparent; 37 40 border: none; 38 41 & svg { ··· 40 43 } 41 44 } 42 45 43 43 - #nav-menu { 44 44 - background-color: black; 45 45 - padding: 1rem; 46 46 - border-radius: 0 0 50% 0; 46 46 + #nav-menu-close { 47 47 + float: right; 48 48 + height: 3em; 47 49 } 48 50 49 51 dialog {

+12

src/pages/blog/[id].astro

reviewed

··· 594 594 grid-column: full-width; 595 595 } 596 596 } 597 597 + 598 598 + :global(#nav-menu) { 599 599 + height: 3em; 600 600 + aspect-ratio: 1; 601 601 + display: flex; 602 602 + justify-content: center; 603 603 + align-items: center; 604 604 + 605 605 + & :global(svg) { 606 606 + stroke: var(--typo-body); 607 607 + } 608 608 + } 597 609 </style> 598 610 599 611 <style

+6

src/pages/blog/index.astro

reviewed

··· 50 50 .top-offset { 51 51 height: var(--top-gap); 52 52 } 53 53 + 54 54 + :global(#nav-menu) { 55 55 + background-color: black; 56 56 + padding: 1rem; 57 57 + border-radius: 0 0 50% 0; 58 58 + } 53 59 </style> 54 60 55 61 <Base title="Blog">