use grid view on desktop

This commit is contained in:
Josh Hawkins 2025-11-08 06:56:34 -06:00
parent 01452e4c51
commit 084d1af104

View File

@ -367,16 +367,11 @@ function DialogContentComponent({
if (isDesktop) { if (isDesktop) {
return ( return (
<div className="flex h-full gap-4 overflow-hidden"> <div className="grid h-full w-full grid-cols-[60%_40%] gap-4">
<div <div className="scrollbar-container min-w-0 overflow-y-auto overflow-x-hidden">
className={cn(
"scrollbar-container flex-[3] overflow-y-hidden",
!search.has_snapshot && "flex-[2]",
)}
>
{snapshotElement} {snapshotElement}
</div> </div>
<div className="flex flex-col gap-4 overflow-hidden md:basis-2/5"> <div className="flex min-w-0 flex-col gap-4 pr-2">
<TabsWithActions <TabsWithActions
search={search} search={search}
searchTabs={searchTabs} searchTabs={searchTabs}
@ -389,7 +384,7 @@ function DialogContentComponent({
setIsPopoverOpen={setIsPopoverOpen} setIsPopoverOpen={setIsPopoverOpen}
dialogContainer={dialogContainer} dialogContainer={dialogContainer}
/> />
<div className="scrollbar-container flex-1 overflow-y-auto"> <div className="scrollbar-container min-w-0 flex-1 overflow-y-auto overflow-x-hidden px-4">
<ObjectDetailsTab <ObjectDetailsTab
search={search} search={search}
config={config} config={config}