fix bug mobile sidebar
This commit is contained in:
@@ -12,7 +12,7 @@ type Props = {
|
|||||||
export const SidebarMobile: FC<Props> = ({ setShow, show }) => {
|
export const SidebarMobile: FC<Props> = ({ setShow, show }) => {
|
||||||
const handleCloseSidebar = () => setShow(false)
|
const handleCloseSidebar = () => setShow(false)
|
||||||
return (
|
return (
|
||||||
show && <div className="lg:hidden fixed top-0 left-full z-0 h-screen transition-transform -translate-x-full bg-auth-form w-max">
|
show && <div className="lg:hidden fixed top-0 left-full !z-50 h-screen transition-transform -translate-x-full bg-auth-form w-max">
|
||||||
<div className="relative p-4 h-full">
|
<div className="relative p-4 h-full">
|
||||||
<CloseCircle color="gray" variant="Bold" className="size-7 text-white absolute top-2 right-2" onClick={handleCloseSidebar} />
|
<CloseCircle color="gray" variant="Bold" className="size-7 text-white absolute top-2 right-2" onClick={handleCloseSidebar} />
|
||||||
<div className="lg:hidden w-full h-full max-w-max p-[21px] flex flex-col gap-y-[44px] items-center xl:max-w-fit bg-secondry-color">
|
<div className="lg:hidden w-full h-full max-w-max p-[21px] flex flex-col gap-y-[44px] items-center xl:max-w-fit bg-secondry-color">
|
||||||
|
|||||||
Reference in New Issue
Block a user