1
0
Fork 0

fix(org): Keep header labels on lg

This commit is contained in:
joostdecock 2023-06-09 19:11:45 +02:00
parent 377a18d7d5
commit 73d2c6be8c
2 changed files with 4 additions and 4 deletions

View file

@ -24,11 +24,11 @@ export const NavButton = ({
active = false,
}) => {
const className =
'border-0 px-1 lg:px-4 text-base py-3 lg:py-4 text-center flex flex-col items-center 2xl:w-36 ' +
'border-0 px-1 xl:px-4 text-base py-3 lg:py-4 text-center flex flex-col items-center 2xl:w-36 ' +
`hover:bg-${color}-400 text-${color}-400 hover:text-neutral grow lg:grow-0 relative ${extraClasses} ${
active ? 'font-heavy' : ''
}`
const span = <span className="block font-bold hidden 2xl:block">{label}</span>
const span = <span className="font-bold hidden lg:block">{label}</span>
return onClick ? (
<button {...{ onClick, className }} title={label}>
@ -44,5 +44,5 @@ export const NavButton = ({
}
export const NavSpacer = () => (
<div className="hidden lg:block text-base lg:text-4xl font-thin opacity-30 px-0.5 lg:px-2">|</div>
<div className="hidden xl:block text-base lg:text-4xl font-thin opacity-30 px-0.5 lg:px-2">|</div>
)