mobile header improvements

This commit is contained in:
Max Leiter 2023-02-23 20:40:07 -08:00
parent fec58f2465
commit 86c2fb4a73
2 changed files with 3 additions and 3 deletions

View file

@ -59,6 +59,7 @@
.contentWrapper { .contentWrapper {
background: var(--bg); background: var(--bg);
margin-left: var(--gap);
} }
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {

View file

@ -51,7 +51,6 @@ const Header = () => {
aria-label={tab.name} aria-label={tab.name}
aria-current={isActive ? "page" : undefined} aria-current={isActive ? "page" : undefined}
data-tab={tab.value} data-tab={tab.value}
width="auto"
> >
{tab.name ? tab.name : undefined} {tab.name ? tab.name : undefined}
</Button> </Button>
@ -59,7 +58,7 @@ const Header = () => {
} else if (tab.href) { } else if (tab.href) {
return ( return (
<Link key={tab.value} href={tab.href} data-tab={tab.value}> <Link key={tab.value} href={tab.href} data-tab={tab.value}>
<Button className={activeStyle} iconLeft={tab.icon} width="auto"> <Button className={activeStyle} iconLeft={tab.icon}>
{tab.name ? tab.name : undefined} {tab.name ? tab.name : undefined}
</Button> </Button>
</Link> </Link>
@ -178,7 +177,7 @@ const Header = () => {
className={clsx(buttonStyles.button, styles.mobile)} className={clsx(buttonStyles.button, styles.mobile)}
asChild asChild
> >
<Button aria-label="Menu"> <Button aria-label="Menu" height="auto">
<Menu /> <Menu />
</Button> </Button>
</DropdownMenu.Trigger> </DropdownMenu.Trigger>