VSinerva/freesewing
1
0
Fork 0
Code Activity

fix(org): Tweaks to header

Browse source
This commit is contained in:
Joost De Cock 2023-07-26 17:38:22 +02:00
parent 6101e34910
commit 0b6b7028d2
2 changed files with 13 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

12
sites/shared/components/header.mjs
View file

@ -14,6 +14,8 @@ export const colors = [
'purple',
]
export const iconSize = 'h-10 w-10 lg:h-12 lg:w-12'
export const NavButton = ({
href,
label,
@ -24,15 +26,11 @@ export const NavButton = ({
active = false,
}) => {
const className =
'border-0 px-1 xl:px-4 text-base py-3 md: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} ${
'border-0 px-1 lg:px-3 xl:px-4 text-base py-3 md:py-4 text-center flex flex-col items-center 2xl:w-36 ' +
`hover:bg-${color}-400 text-${color}-400 hover:text-neutral grow xl:grow-0 relative ${extraClasses} ${
active ? 'font-heavy' : ''
}`
const span = (
<span className="font-medium text-xs lg:font-bold hidden md:block md:pt-1 lg:pt-0">
{label}
</span>
)
const span = <span className="font-medium text-md hidden md:block md:pt-1 lg:pt-0">{label}</span>
return onClick ? (
<button {...{ onClick, className }} title={label}>