fix(ui): replace native scrollbar with shadcn ScrollArea on support page
Add min-h-0 for proper flex containment so ScrollArea can be constrained to the remaining space. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
f2de45bf9c
commit
8d7e241020
1 changed files with 3 additions and 2 deletions
|
|
@ -5,6 +5,7 @@ import { nip19 } from 'nostr-tools'
|
|||
import { marked } from 'marked'
|
||||
import { Button } from '@/components/ui/button'
|
||||
import { Card, CardContent } from '@/components/ui/card'
|
||||
import { ScrollArea } from '@/components/ui/scroll-area'
|
||||
import {
|
||||
Table,
|
||||
TableBody,
|
||||
|
|
@ -348,7 +349,7 @@ onUnmounted(() => {
|
|||
</div>
|
||||
|
||||
<!-- Content -->
|
||||
<div class="flex-1 overflow-y-auto">
|
||||
<ScrollArea class="flex-1 min-h-0">
|
||||
<div class="mx-auto max-w-5xl w-full px-4 sm:px-8 lg:px-16 py-6 sm:py-8">
|
||||
<template v-for="(seg, i) in segments" :key="i">
|
||||
<!-- QR code card (standalone URL) -->
|
||||
|
|
@ -501,7 +502,7 @@ onUnmounted(() => {
|
|||
<div v-else class="support-md" v-html="seg.content"></div>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</ScrollArea>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue