From b39dae6d55b445d6eb3c09f3df6ebc375d319357 Mon Sep 17 00:00:00 2001
From: Lrd <13001933075@sina.cn>
Date: Thu, 2 Jul 2026 17:58:09 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=B4=A0=E6=9D=90=E4=BA=91?=
 =?UTF-8?q?=E9=A1=B6=E9=83=A8=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 video-gen-app/src/pages/GeneratedRecord.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/video-gen-app/src/pages/GeneratedRecord.tsx b/video-gen-app/src/pages/GeneratedRecord.tsx
index 0d2aa49f..a1b67e02 100644
--- a/video-gen-app/src/pages/GeneratedRecord.tsx
+++ b/video-gen-app/src/pages/GeneratedRecord.tsx
@@ -908,18 +908,19 @@ const GeneratedRecord: React.FC = () => {
             {/* 操作栏：筛选 + 推送按钮 */}
             <div style={{
                 display: 'flex',
+                flexWrap: 'wrap',
                 alignItems: 'center',
                 gap: 12,
                 marginBottom: 16,
-                padding: '12px 20px',
+                padding: '12px 16px',
                 borderRadius: 12,
                 background: '#fff',
                 border: '1px solid #f0f0f5',
                 justifyContent: 'space-between',
             }}>
-                <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
-                    <FilterOutlined style={{ color: '#94a3b8', fontSize: 14 }} />
-                    <Space>
+                <div style={{ display: 'flex', alignItems: 'center', gap: 4, flexWrap: 'wrap' }}>
+                    <FilterOutlined style={{ color: '#090a0cff', fontSize: 14 }} />
+                    <Space size={8} wrap={true}>
                         <Button
                             type={filterType === 'project' ? 'primary' : 'default'}
                             onClick={() => {
@@ -1002,10 +1003,10 @@ const GeneratedRecord: React.FC = () => {
                         </Button>
                     </Space>
                 </div>
-                <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
+                <div style={{ display: 'flex', alignItems: 'center', gap: 4, flexWrap: 'wrap' }}>
                     {/* 多选模式按钮 */}
                     {isSelectionMode ? (
-                        <Space>
+                        <Space size={8} wrap={true}>
                             <Button
                                 onClick={handleSelectAll}
                                 style={{
@@ -1086,18 +1087,19 @@ const GeneratedRecord: React.FC = () => {
             {/* Second row filter: 视频 / 图片 */}
             <div style={{
                 display: 'flex',
+                flexWrap: 'wrap',
                 justifyContent: 'space-between',
                 alignItems: 'center',
                 gap: 12,
                 marginBottom: 24,
-                padding: '12px 20px',
+                padding: '12px 16px',
                 borderRadius: 12,
                 background: '#fff',
                 border: '1px solid #f0f0f5',
             }}>
                 <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
                     <Typography.Text style={{ color: '#94a3b8', fontSize: 14 }}>媒体类型：</Typography.Text>
-                    <Space>
+                    <Space size={8} wrap={true}>
                         <Button
                             type={filterMedia === 'video' ? 'primary' : 'default'}
                             onClick={() => {