fix(org): Keep header labels on lg
This commit is contained in:
parent
377a18d7d5
commit
73d2c6be8c
2 changed files with 4 additions and 4 deletions
|
@ -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>
|
||||
)
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue