mirror of
https://github.com/ByteAtATime/raycast-linux.git
synced 2025-08-31 03:07:23 +00:00
fix(detail): fix overflow issue when displaying item detail
This commit is contained in:
parent
327584f905
commit
8ca2609804
2 changed files with 4 additions and 4 deletions
|
@ -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}
|
||||||
|
|
|
@ -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'}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue