From 0c6c1b373a3c31ac499685811eddf475c5021cd0 Mon Sep 17 00:00:00 2001
From: skynono <feitianbubu@qq.com>
Date: Sat, 20 Jun 2026 21:35:47 +0800
Subject: [PATCH] =?UTF-8?q?fix(wallet):=20=E4=BF=AE=E5=A4=8D=E8=AE=A1?=
 =?UTF-8?q?=E8=B4=B9=E5=8E=86=E5=8F=B2=E5=BC=B9=E7=AA=97=E5=88=86=E9=A1=B5?=
 =?UTF-8?q?=E4=B8=8E=E5=88=97=E8=A1=A8=E9=87=8D=E5=8F=A0=20(#5627)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

base-ui 的 ScrollArea 仅靠 max-height 无法约束高度：其 Viewport 用
height:100%，当 Root 只有 max-height 而无确定高度时会回退为 auto，
内容撑满并溢出到 Root 之外，盖住下方分页。改用原生 max-h + overflow-y-auto
的 div，列表正确内部滚动，分页作为同级元素干净地排在下方。
---
 .../wallet/components/dialogs/billing-history-dialog.tsx     | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/web/default/src/features/wallet/components/dialogs/billing-history-dialog.tsx b/web/default/src/features/wallet/components/dialogs/billing-history-dialog.tsx
index e5d3d20e..d0b31491 100644
--- a/web/default/src/features/wallet/components/dialogs/billing-history-dialog.tsx
+++ b/web/default/src/features/wallet/components/dialogs/billing-history-dialog.tsx
@@ -35,7 +35,6 @@ import {
 import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { Label } from '@/components/ui/label'
-import { ScrollArea } from '@/components/ui/scroll-area'
 import {
   Select,
   SelectContent,
@@ -145,7 +144,7 @@ export function BillingHistoryDialog({
           </div>
 
           {/* Records List */}
-          <ScrollArea className='max-h-[min(54vh,520px)] pr-3 sm:pr-4'>
+          <div className='max-h-[min(54vh,520px)] overflow-y-auto pr-1'>
             {loading ? (
               <div className='space-y-3'>
                 {Array.from({ length: 5 }).map((_, i) => (
@@ -275,7 +274,7 @@ export function BillingHistoryDialog({
                 })}
               </div>
             )}
-          </ScrollArea>
+          </div>
 
           {/* Pagination */}
           {!loading && records.length > 0 && (