From ec5362997171796871395f3bb82dbdc2724ee625 Mon Sep 17 00:00:00 2001
From: ryan <ryan@arctel.net>
Date: Sat, 20 Jun 2026 19:22:23 +0800
Subject: [PATCH] =?UTF-8?q?fix(frontend):=20=E4=BF=AE=E5=A4=8D=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=E7=89=88=E6=9C=AC=E5=BF=AB=E7=85=A7=E4=BE=A7=E6=A0=8F?=
 =?UTF-8?q?=E6=97=A0=E6=B3=95=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将快照与发布预览 Sheet 内容区改为 flex-1 min-h-0 overflow-y-auto，
并固定侧栏高度为 h-svh，与项目内其他可滚动 Sheet 一致。
---
 docs/changelog/index.md                                    | 2 ++
 .../(main)/config-versions/components/preview-sheet.tsx    | 7 +++----
 .../config-versions/components/version-snapshot-sheet.tsx  | 7 +++----
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/docs/changelog/index.md b/docs/changelog/index.md
index bba5a423..1805e6dd 100644
--- a/docs/changelog/index.md
+++ b/docs/changelog/index.md
@@ -22,6 +22,8 @@ sidebar: false
 
 - 修复登录 Cap 人机验证：前端 `cap-solver` 与 Cap 路由测试对齐 `b3a55d4` 之后的统一 API 信封 `{ error_msg, data }`，避免 `challenge` 解构失败。
 
+- 修复配置版本快照/发布预览侧栏无法滚动：内容区改为 `flex-1 min-h-0 overflow-y-auto`，与项目内其他可滚动 Sheet 布局一致。
+
 - 修复 Agent CI/Docker 构建：将 `GeoLite2-Country.mmdb` 提交至仓库作为兜底，构建前优先尝试 `scripts/fetch-agent-geoip-mmdb.sh` 拉取最新库，远程失败时回退使用已提交文件。
 
 ## [v2.3.4] - 2026-06-17
diff --git a/frontend/app/(main)/config-versions/components/preview-sheet.tsx b/frontend/app/(main)/config-versions/components/preview-sheet.tsx
index a6dc67a5..662cf805 100644
--- a/frontend/app/(main)/config-versions/components/preview-sheet.tsx
+++ b/frontend/app/(main)/config-versions/components/preview-sheet.tsx
@@ -5,7 +5,6 @@ import {Loader2} from "lucide-react"
 import {Badge} from "@/components/ui/badge"
 import {Button} from "@/components/ui/button"
 import {CodeBlock} from "@/components/ui/code-block"
-import {ScrollArea} from "@/components/ui/scroll-area"
 import {Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle,} from "@/components/ui/sheet"
 import type {ConfigPreviewResult} from "@/lib/services/openflare"
 
@@ -32,7 +31,7 @@ export function PreviewSheet({
 }: PreviewSheetProps) {
   return (
     <Sheet open={open} onOpenChange={onOpenChange}>
-      <SheetContent className="sm:max-w-2xl w-full p-0 flex flex-col gap-0">
+      <SheetContent className="sm:max-w-2xl w-full p-0 flex h-svh flex-col gap-0">
         <SheetHeader className="px-5 py-4 border-b">
           <SheetTitle>发布预览</SheetTitle>
           <SheetDescription>
@@ -40,7 +39,7 @@ export function PreviewSheet({
           </SheetDescription>
         </SheetHeader>
 
-        <ScrollArea className="flex-1 px-5 py-4">
+        <div className="flex-1 min-h-0 overflow-y-auto px-5 py-4">
           {loading ? (
             <div className="flex items-center justify-center gap-2 py-16 text-sm text-muted-foreground">
               <Loader2 className="size-4 animate-spin" />
@@ -96,7 +95,7 @@ export function PreviewSheet({
               ) : null}
             </div>
           ) : null}
-        </ScrollArea>
+        </div>
 
         <SheetFooter className="px-5 py-4 border-t">
           <Button variant="outline" onClick={() => onOpenChange(false)} disabled={publishing}>
diff --git a/frontend/app/(main)/config-versions/components/version-snapshot-sheet.tsx b/frontend/app/(main)/config-versions/components/version-snapshot-sheet.tsx
index ecd70002..c3f73384 100644
--- a/frontend/app/(main)/config-versions/components/version-snapshot-sheet.tsx
+++ b/frontend/app/(main)/config-versions/components/version-snapshot-sheet.tsx
@@ -7,7 +7,6 @@ import {toast} from "sonner"
 import {Badge} from "@/components/ui/badge"
 import {Button} from "@/components/ui/button"
 import {CodeBlock} from "@/components/ui/code-block"
-import {ScrollArea} from "@/components/ui/scroll-area"
 import {Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle,} from "@/components/ui/sheet"
 import {type ConfigVersionDetail, ConfigVersionService, type ConfigVersionSummary,} from "@/lib/services/openflare"
 import {formatDateTime} from "@/lib/utils"
@@ -57,7 +56,7 @@ export function VersionSnapshotSheet({
 
   return (
     <Sheet open={open} onOpenChange={onOpenChange}>
-      <SheetContent className="sm:max-w-2xl w-full p-0 flex flex-col gap-0">
+      <SheetContent className="sm:max-w-2xl w-full p-0 flex h-svh flex-col gap-0">
         <SheetHeader className="px-5 py-4 border-b">
           <SheetTitle>
             {version ? `版本 ${version.version}` : "版本快照"}
@@ -65,7 +64,7 @@ export function VersionSnapshotSheet({
           <SheetDescription>查看历史配置版本的完整快照内容。</SheetDescription>
         </SheetHeader>
 
-        <ScrollArea className="flex-1 px-5 py-4">
+        <div className="flex-1 min-h-0 overflow-y-auto px-5 py-4">
           {loading ? (
             <div className="flex items-center justify-center gap-2 py-16 text-sm text-muted-foreground">
               <Loader2 className="size-4 animate-spin" />
@@ -111,7 +110,7 @@ export function VersionSnapshotSheet({
               </div>
             </div>
           ) : null}
-        </ScrollArea>
+        </div>
 
         <SheetFooter className="px-5 py-4 border-t">
           <Button variant="outline" onClick={() => onOpenChange(false)}>