From 80db2de86a1b601db4ec0a486d6f0595063dc53c Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Wed, 1 Apr 2026 19:03:44 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=BF=E7=94=A8CSS=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E6=BB=9A=E5=8A=A8=E6=9D=A1=E7=BE=8E=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 改用style标签实现滚动条样式
- 确保样式正确生效

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../agents/AgentPsdTemplateEditorDialog.tsx   | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/components/agents/AgentPsdTemplateEditorDialog.tsx b/components/agents/AgentPsdTemplateEditorDialog.tsx
index c5433abfe..23dfffcc7 100644
--- a/components/agents/AgentPsdTemplateEditorDialog.tsx
+++ b/components/agents/AgentPsdTemplateEditorDialog.tsx
@@ -795,7 +795,24 @@ export function AgentPsdTemplateEditorDialog({
   }
 
   return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
+    <>
+      <style jsx>{`
+        .psd-preview-viewport::-webkit-scrollbar {
+          width: 8px;
+          height: 8px;
+        }
+        .psd-preview-viewport::-webkit-scrollbar-track {
+          background: transparent;
+        }
+        .psd-preview-viewport::-webkit-scrollbar-thumb {
+          background: rgba(255, 255, 255, 0.2);
+          border-radius: 4px;
+        }
+        .psd-preview-viewport::-webkit-scrollbar-thumb:hover {
+          background: rgba(255, 255, 255, 0.3);
+        }
+      `}</style>
+      <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent
         overlayClassName="bg-black/85 backdrop-blur-sm"
         className="flex h-[92vh] w-[96vw] max-w-[1700px] flex-col overflow-hidden border border-white/10 bg-[#09090b] p-0 text-white shadow-[0_30px_120px_rgba(0,0,0,0.65)]"
@@ -902,7 +919,7 @@ export function AgentPsdTemplateEditorDialog({
 
             <div
               ref={previewViewportRef}
-              className="relative flex min-h-0 flex-1 items-center justify-center overflow-auto rounded-2xl border border-white/10 bg-[#111114] p-4 [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-white/20 hover:[&::-webkit-scrollbar-thumb]:bg-white/30"
+              className="psd-preview-viewport relative flex min-h-0 flex-1 items-center justify-center overflow-auto rounded-2xl border border-white/10 bg-[#111114] p-4"
             >
               {selectedTemplate ? (
                 <div