open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Clean up markup on sidebar close button

Browse Source
This commit is contained in:
Marshall Polaris 2022-05-13 20:24:36 -07:00
parent bd516149dd
commit bc761e939c
1 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
web/components/nav/sidebar.tsx
View File

@ -111,15 +111,13 @@ function MoreButton() {
function CloseButton(props: { onClick: React.MouseEventHandler }) { function CloseButton(props: { onClick: React.MouseEventHandler }) {
return ( return (
<div className="absolute top-0 right-0 -mr-12 pt-2 lg:hidden"> <button
<button className="absolute top-2 -right-12 flex h-10 w-10 items-center justify-center rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white lg:hidden"
className="ml-1 flex h-10 w-10 items-center justify-center rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white" onClick={props.onClick}
onClick={props.onClick} >
> <span className="sr-only">Close sidebar</span>
<span className="sr-only">Close sidebar</span> <XIcon className="h-6 w-6 text-white" aria-hidden="true" />
<XIcon className="h-6 w-6 text-white" aria-hidden="true" /> </button>
</button>
</div>
) )
} }