fix design bug header:
This commit is contained in:
@@ -107,7 +107,7 @@ function TopBar({ profileDropState, toggleProfileDropState, toggleMenuState }: P
|
|||||||
active={profileDropState}
|
active={profileDropState}
|
||||||
toggle={toggleProfileDropState}
|
toggle={toggleProfileDropState}
|
||||||
>
|
>
|
||||||
<div className='place-items-center pt-8'>
|
<div className='place-items-center flex flex-col items-center justify-center pt-8'>
|
||||||
<Image
|
<Image
|
||||||
src={'/assets/images/avatar.svg'}
|
src={'/assets/images/avatar.svg'}
|
||||||
width={56}
|
width={56}
|
||||||
|
|||||||
@@ -40,10 +40,15 @@ function Dropdown({ active, toggle, children, ...rest }: DropdownProps) {
|
|||||||
transition={{ duration: 0.1 }}
|
transition={{ duration: 0.1 }}
|
||||||
className={clsx(
|
className={clsx(
|
||||||
'box-shadow-normal',
|
'box-shadow-normal',
|
||||||
'fixed inset-0 bg-container rounded-normal z-50',
|
'fixed inset-x-0 bottom-0 bg-container rounded-normal z-50',
|
||||||
'xl:absolute xl:top-18 xl:left-3 xl:right-auto xl:h-screen xl:w-[300px]',
|
'xl:absolute xl:top-18 xl:left-3 xl:right-auto xl:h-screen xl:w-[300px]',
|
||||||
active === false && 'pointer-events-none'
|
active === false && 'pointer-events-none'
|
||||||
)}
|
)}
|
||||||
|
style={{
|
||||||
|
top: 'calc(0px - env(safe-area-inset-top))',
|
||||||
|
paddingTop: 'calc(env(safe-area-inset-top) + 0px)',
|
||||||
|
minHeight: 'calc(100vh + env(safe-area-inset-top))'
|
||||||
|
}}
|
||||||
{...rest}
|
{...rest}
|
||||||
>
|
>
|
||||||
<div className='relative w-full h-full'>
|
<div className='relative w-full h-full'>
|
||||||
|
|||||||
Reference in New Issue
Block a user