planpostai/canvas-backend
3
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

object-panel size incrise for mobile device

Browse source
This commit is contained in:
Saimon8420 2024-12-30 15:03:15 +06:00
parent 7f4c0ea3dd
commit c34c1f475f
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/AspectCanvas.jsx
View file

@ -134,7 +134,7 @@ export function AspectCanvas() {
} }
return ( return (
<Card className="w-full max-w-3xl mx-auto p-2 my-4 overflow-y-scroll scrollbar-hide"> <Card className="w-full max-w-3xl p-2 my-4 overflow-y-scroll scrollbar-thin scrollbar-thumb-secondary scrollbar-track-background rounded-none">
<CardContent className="p-0 space-y-4"> <CardContent className="p-0 space-y-4">
<div className='flex w-full flex-wrap items-center justify-between mx-auto gap-2'> <div className='flex w-full flex-wrap items-center justify-between mx-auto gap-2'>

4
src/components/ObjectPanel.jsx
View file

@ -25,7 +25,7 @@ const ObjectPanel = () => {
minWidth: 250, minWidth: 250,
maxWidth: 300, maxWidth: 300,
minHeight: 0, minHeight: 0,
maxHeight: 400, maxHeight: 500,
bound: "parent" bound: "parent"
} }
@ -48,7 +48,7 @@ const ObjectPanel = () => {
</CollapsibleTrigger> </CollapsibleTrigger>
<CollapsibleContent> <CollapsibleContent>
<ScrollArea className="h-[400px] xl:h-fit lg:h-fit md:h-fit"> <ScrollArea className="h-[500px] xl:h-fit lg:h-fit md:h-fit">
<Tabs className="w-full h-fit" <Tabs className="w-full h-fit"
value={tabValue} value={tabValue}
onValueChange={(value) => setTabValue(value)} // Sync tab state with context onValueChange={(value) => setTabValue(value)} // Sync tab state with context