From 9431e842bd131b9e399598763eaa703b33b12a41 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8C=97=E6=9E=B3?=
 <7854742+wang_rumeng@user.noreply.gitee.com>
Date: Sat, 18 Oct 2025 10:46:10 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=9F=E4=B8=80create=E5=85=A5=E5=8F=A3?=
 =?UTF-8?q?=EF=BC=9A=E8=B0=83=E6=95=B4=E9=97=B4=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/pages/create-video/CreateInput/ConfigPanel.tsx   | 2 +-
 .../create-video/CreateInput/PortraitAnimeSelector.tsx      | 2 +-
 .../pages/create-video/PhotoPreview/PhotoPreviewSection.tsx | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/pages/create-video/CreateInput/ConfigPanel.tsx b/components/pages/create-video/CreateInput/ConfigPanel.tsx
index aba5505..a7d730d 100644
--- a/components/pages/create-video/CreateInput/ConfigPanel.tsx
+++ b/components/pages/create-video/CreateInput/ConfigPanel.tsx
@@ -114,7 +114,7 @@ export const ConfigPanel = ({
             </Dropdown>
 
             {/* Aspect ratio toggles */}
-            <div data-alt="aspect-ratio-controls" className="h-8 px-2 py-1 flex items-center rounded-full border border-white/20 hover:border-cyan-400/60">
+            <div data-alt="aspect-ratio-controls" className="h-8 p-1 flex items-center rounded-full border border-white/20 hover:border-cyan-400/60">
                 <button
                     data-alt="portrait-button"
                     className={`w-8 h-6 rounded-full transition-all duration-200 flex items-center justify-center ${
diff --git a/components/pages/create-video/CreateInput/PortraitAnimeSelector.tsx b/components/pages/create-video/CreateInput/PortraitAnimeSelector.tsx
index ce5bfe4..f642e65 100644
--- a/components/pages/create-video/CreateInput/PortraitAnimeSelector.tsx
+++ b/components/pages/create-video/CreateInput/PortraitAnimeSelector.tsx
@@ -81,7 +81,7 @@ export function PortraitAnimeSelector({
     return (
         <div
             data-alt="portrait-anime-selector"
-            className={`h-8 px-2 py-1 flex items-center rounded-full border border-white/20 hover:border-cyan-400/60 ${className || ''}`}
+            className={`h-8 p-1 flex items-center rounded-full border border-white/20 hover:border-cyan-400/60 ${className || ''}`}
         >
             {/* Portrait button */}
             <button
diff --git a/components/pages/create-video/PhotoPreview/PhotoPreviewSection.tsx b/components/pages/create-video/PhotoPreview/PhotoPreviewSection.tsx
index 6806e7c..1984e02 100644
--- a/components/pages/create-video/PhotoPreview/PhotoPreviewSection.tsx
+++ b/components/pages/create-video/PhotoPreview/PhotoPreviewSection.tsx
@@ -85,13 +85,13 @@ export default function PhotoPreviewSection({
                     <div
                         key={photo.id || `photo-${index}`}
                         data-alt="photo-item"
-                        className="relative flex-shrink-0 w-16 h-16 rounded-md overflow-visible border border-white/10 hover:border-cyan-400/60 transition-all duration-200 cursor-pointer group bg-black/20"
+                        className="relative flex-shrink-0 w-16 h-16 rounded-[16px] overflow-visible border border-white/10 hover:border-cyan-400/60 transition-all duration-200 cursor-pointer group bg-black/20"
                         onMouseEnter={() => setHoveredIndex(index)}
                         onMouseLeave={() => setHoveredIndex(null)}
                     >
                         {/* Photo Image */}
                         <div 
-                            className="w-full h-full rounded-md overflow-hidden"
+                            className="w-full h-full rounded-[16px] overflow-hidden"
                             onClick={() => handlePreview(photo.url)}
                         >
                             <img
@@ -104,7 +104,7 @@ export default function PhotoPreviewSection({
                         {/* Type Icon - Bottom Left Corner */}
                         <div
                             data-alt="type-icon"
-                            className="absolute bottom-1 left-1 w-5 h-5 bg-black/60 backdrop-blur-sm text-cyan-400 rounded-sm flex items-center justify-center z-[5]"
+                            className="absolute bottom-1 left-1 w-4 h-4 bg-black/60 backdrop-blur-sm text-cyan-400 rounded-sm flex items-center justify-center z-[5]"
                         >
                             {getTypeIcon(photo.type)}
                         </div>