Refactor interaction panel layout for improved readability and maintainability
This commit is contained in:
@@ -37,7 +37,7 @@ const Sandbox = observer(() => {
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="w-[40svw] border-l-1 p-0 px-2 pt-4 pb-2 font-work transition-all">
|
||||
<div className="w-[40svw] p-0 px-2 pt-4 pb-2 font-work transition-all">
|
||||
<div className="flex h-full flex-col gap-4">
|
||||
<div className="flex min-h-[42px] flex-row items-center justify-between">
|
||||
<div className="flex h-full flex-row gap-0.5 rounded-lg bg-[#F5F5F5] p-0.5">
|
||||
@@ -80,7 +80,7 @@ const Sandbox = observer(() => {
|
||||
</div>
|
||||
<div
|
||||
data-active={previewState === "preview"}
|
||||
className="hidden h-full w-full bg-[#F5F5F5] data-[active=true]:block"
|
||||
className="hidden h-full w-full data-[active=true]:block"
|
||||
>
|
||||
<Sandpack
|
||||
theme="light"
|
||||
|
||||
Reference in New Issue
Block a user