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>
<div
class="grid grow overflow-y-auto"
style:grid-template-columns={isShowingDetail ? 'minmax(0, 1.5fr) minmax(0, 2.5fr)' : '1fr'}
class="grid w-full grow overflow-y-auto"
style:grid-template-columns={isShowingDetail ? '1fr 512px' : '1fr'}
>
<div class="h-full overflow-y-auto">
{#if rootNode}

View file

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