💄(frontend) render side controls in the navigation menu earlier
Update the menu rendering to an earlier breakpoint due to added admin controls taking up more space. Temporary adjustment until a more comprehensive layout enhancement is implemented.
This commit is contained in:
committed by
aleb_the_flash
parent
634b34f2e9
commit
86cb10a3c7
@@ -44,7 +44,7 @@ export function DesktopControlBar({
|
|||||||
gap: '0.5rem',
|
gap: '0.5rem',
|
||||||
marginLeft: '0.5rem',
|
marginLeft: '0.5rem',
|
||||||
})}
|
})}
|
||||||
></div>
|
/>
|
||||||
<div
|
<div
|
||||||
className={css({
|
className={css({
|
||||||
flex: '1 1 33%',
|
flex: '1 1 33%',
|
||||||
|
|||||||
@@ -12,7 +12,7 @@ import { ToggleButtonProps } from '@/primitives/ToggleButton'
|
|||||||
import { RiArrowDownSLine, RiArrowUpSLine } from '@remixicon/react'
|
import { RiArrowDownSLine, RiArrowUpSLine } from '@remixicon/react'
|
||||||
import { useTranslation } from 'react-i18next'
|
import { useTranslation } from 'react-i18next'
|
||||||
|
|
||||||
const CONTROL_BAR_BREAKPOINT = 750
|
const CONTROL_BAR_BREAKPOINT = 1100
|
||||||
|
|
||||||
const NavigationControls = ({ onPress }: Partial<ToggleButtonProps>) => (
|
const NavigationControls = ({ onPress }: Partial<ToggleButtonProps>) => (
|
||||||
<>
|
<>
|
||||||
|
|||||||
Reference in New Issue
Block a user