Skip to content

Commit 5a365ee

Browse files
committed
fix(layout): add min-width for mainBody to ensure proper content display
1 parent 1ffb4a3 commit 5a365ee

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

layouts/default.vue

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,9 @@ onBeforeUnmount(() => observer?.disconnect());
2323
class="sticky top-0 w-[15%] min-w-[12rem] bg-leftbar-bg *:text-nowrap">
2424
<BarLeft class="sticky top-0 min-w-[100%] *:text-nowrap" />
2525
</div>
26-
<div ref="mainBody" class="flex-1">
26+
<!-- min-w-3xl needed here for pre in the content to shrink (allows flex item shrinking) -->
27+
<!-- if a smaller size is needed, use min-w-0 at least -->
28+
<div ref="mainBody" class="min-w-3xl flex-1">
2729
<div ref="dMainBody">
2830
<slot />
2931
</div>

0 commit comments

Comments
 (0)