fix sidebar
This commit is contained in:
@@ -309,7 +309,7 @@ const EditorCanvas = ({ catalogSize }: EditorCanvasProps) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex-1 flex items-center justify-center pb-8 overflow-auto relative">
|
<div className="flex-1 flex items-center justify-center pb-8 overflow-auto relative xl:pl-6">
|
||||||
<div className="mt-8">
|
<div className="mt-8">
|
||||||
<div
|
<div
|
||||||
className="relative select-none"
|
className="relative select-none"
|
||||||
|
|||||||
@@ -36,7 +36,7 @@ const EditorSidebar = () => {
|
|||||||
) : null}
|
) : null}
|
||||||
<aside
|
<aside
|
||||||
className={clx(
|
className={clx(
|
||||||
"fixed right-0 top-0 bottom-0 flex translate-x-[420px] w-[350px] flex-col bg-white px-8 py-10 opacity-0 transition-all ease-in-out xl:visible xl:right-4 xl:top-4 xl:bottom-4 xl:translate-x-0 xl:rounded-[32px] xl:bg-white xl:px-8 xl:py-10 xl:opacity-100",
|
"fixed right-0 top-0 bottom-0 flex translate-x-[420px] w-[350px] flex-col bg-white py-10 opacity-0 transition-all ease-in-out xl:visible xl:right-4 xl:top-4 xl:bottom-4 xl:translate-x-0 xl:rounded-[32px] xl:bg-white xl:px-2 pl-8 xl:pl-8 px-2 xl:py-10 xl:opacity-100",
|
||||||
openSidebar && "z-40 translate-x-0 opacity-100",
|
openSidebar && "z-40 translate-x-0 opacity-100",
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user