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:
Patrick Mulligan 2026-04-01 19:09:33 -04:00
commit 8d7e241020

View file

@ -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>