ai-deployer/test
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor interaction panel layout for improved readability and maintainability

Browse Source
This commit is contained in:
RND332
2025-07-20 21:49:27 +03:00
parent 46e9adca05
commit 842815f583
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/routes/interaction-panel/$id.tsx
View File

@@ -37,7 +37,7 @@ const Sandbox = observer(() => {
}; };
return ( 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 h-full flex-col gap-4">
<div className="flex min-h-[42px] flex-row items-center justify-between"> <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"> <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>
<div <div
data-active={previewState === "preview"} 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 <Sandpack
theme="light" theme="light"