aiolabs/bitspire
9
0
Fork 0
Code Issues 51 Pull requests 3 Projects Releases Packages Wiki Activity Actions

fix(ui): replace native scrollbar with shadcn ScrollArea on support page

Browse source 
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
1 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
apps/machine/src/views/SupportView.vue
View file

@ -5,6 +5,7 @@ import { nip19 } from 'nostr-tools'
import { marked } from 'marked' import { marked } from 'marked'
import { Button } from '@/components/ui/button' import { Button } from '@/components/ui/button'
import { Card, CardContent } from '@/components/ui/card' import { Card, CardContent } from '@/components/ui/card'
import { ScrollArea } from '@/components/ui/scroll-area'
import { import {
Table, Table,
TableBody, TableBody,
@ -348,7 +349,7 @@ onUnmounted(() => {
</div> </div>
<!-- Content --> <!-- 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"> <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"> <template v-for="(seg, i) in segments" :key="i">
<!-- QR code card (standalone URL) --> <!-- QR code card (standalone URL) -->
@ -501,7 +502,7 @@ onUnmounted(() => {
<div v-else class="support-md" v-html="seg.content"></div> <div v-else class="support-md" v-html="seg.content"></div>
</template> </template>
</div> </div>
</div> </ScrollArea>
</div> </div>
</template> </template>