1

video-gen-app/src/components/privatePortrait/library/LibraryPanel.tsx

@@ -84,7 +84,7 @@ const PrivatePortraitLibraryPanel: React.FC = () => {
   };
 
   return (
-    <div style={{ padding: 16 }}>
+    <div>
       {/* <div style={{ marginBottom: 16 }}>
         <Title level={4} style={{ margin: 0 }}>私域素材库</Title>
         <Text type="secondary">统一管理真人素材和虚拟素材。真人素材需先完成人脸认证后才可上传素材，虚拟素材如需使用需先上传。</Text>

video-gen-app/src/components/privatePortrait/library/RealPersonLibraryPanel.tsx

@@ -117,15 +117,17 @@ const RealPersonLibraryPanel: React.FC = () => {
 
   return (
     <div>
-      <div style={{ marginBottom: 16 }}>
-        <Typography.Title level={4} style={{ margin: 0 }}>真人素材库</Typography.Title>
-        <Typography.Text type="secondary">创建项目组时先完成真人认证，认证成功后项目组才会正式创建并可上传素材。</Typography.Text>
+      <div style={{ marginBottom: 16, display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
+        <div>
+          <Typography.Title level={4} style={{ margin: 0 }}>真人素材库</Typography.Title>
+          <Typography.Text type="secondary">创建项目组时先完成真人认证，认证成功后项目组才会正式创建并可上传素材。</Typography.Text>
+        </div>
+        <Button type="primary" icon={<PlusOutlined />} onClick={() => setCreateOpen(true)}>创建项目组</Button>
       </div>
       <Row gutter={16}>
-        <Col xs={24} lg={7}>
+        <Col xs={24} lg={5}>
           <Card
             // title="真人素材项目组"
-            extra={<Button type="primary" icon={<PlusOutlined />} onClick={() => setCreateOpen(true)}>创建项目组</Button>}
             style={{ borderRadius: 16, minHeight: 520 }}
           >
             <Spin spinning={loading}>
@@ -137,7 +139,7 @@ const RealPersonLibraryPanel: React.FC = () => {
             </Spin>
           </Card>
         </Col>
-        <Col xs={24} lg={17}>
+        <Col xs={24} lg={19}>
           {selected ? (
             <PrivatePortraitProjectDetail project={selected} onDeleted={() => { setSelected(null); loadProjects(); }} onChanged={loadProjects} />
           ) : (

video-gen-app/src/components/privatePortrait/library/VirtualMaterialPanel.tsx

@@ -387,15 +387,17 @@ const VirtualMaterialPanel: React.FC = () => {
 
   return (
     <div >
-      <div style={{ marginBottom: 16 }}>
-        <Typography.Title level={4} style={{ margin: 0 }}>虚拟素材库</Typography.Title>
-        <Typography.Text type="secondary">可提前上传虚拟人像素材，后续生成视频时可直接使用。</Typography.Text>
+      <div style={{ marginBottom: 16, display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
+        <div>
+          <Typography.Title level={4} style={{ margin: 0 }}>虚拟素材库</Typography.Title>
+          <Typography.Text type="secondary">可提前上传虚拟人像素材，后续生成视频时可直接使用。</Typography.Text>
+        </div>
+        <Button type="primary" icon={<PlusOutlined />} onClick={() => setCreateOpen(true)}>创建项目组</Button>
       </div>
       <Row gutter={[10, 10]}>
         <Col xs={24} lg={5} >
           <Card
             // title="虚拟人像项目组"
-            extra={<Button type="primary" icon={<PlusOutlined />}  onClick={() => setCreateOpen(true)}>创建项目组</Button>}
             style={{ borderRadius: 16, minHeight: 520, margin: '0 auto', maxWidth: 1200}}
           >
             <Spin spinning={projectLoading}>