fix(detail): fix overflow issue when displaying item detail

This commit is contained in:
ByteAtATime 2025-07-12 22:13:58 -07:00
parent 327584f905
commit 8ca2609804
No known key found for this signature in database
2 changed files with 4 additions and 4 deletions

View file

@ -23,8 +23,8 @@
</script> </script>
<div <div
class="grid grow overflow-y-auto" class="grid w-full grow overflow-y-auto"
style:grid-template-columns={isShowingDetail ? 'minmax(0, 1.5fr) minmax(0, 2.5fr)' : '1fr'} style:grid-template-columns={isShowingDetail ? '1fr 512px' : '1fr'}
> >
<div class="h-full overflow-y-auto"> <div class="h-full overflow-y-auto">
{#if rootNode} {#if rootNode}

View file

@ -27,7 +27,7 @@
class:flex-col={layout === 'vertical'} class:flex-col={layout === 'vertical'}
> >
<main <main
class="w-[512px] shrink-0 flex-grow overflow-y-auto" class="w-full overflow-y-auto"
class:p-6={layout === 'horizontal'} class:p-6={layout === 'horizontal'}
class:p-4={layout === 'vertical'} class:p-4={layout === 'vertical'}
> >
@ -42,7 +42,7 @@
{#if metadataNodeId} {#if metadataNodeId}
<aside <aside
class="overflow-y-auto p-4" class="shrink-0 overflow-y-auto p-4"
class:w-72={layout === 'horizontal'} class:w-72={layout === 'horizontal'}
class:border-l={layout === 'horizontal'} class:border-l={layout === 'horizontal'}
class:border-t={layout === 'vertical'} class:border-t={layout === 'vertical'}