故事详情排版修改

src/pages/story/components/TimelineItem/TimelineItem.tsx

@@ -1,11 +1,7 @@
+// TimelineItem.tsx
 import TimelineImage from '@/components/TimelineImage';
 import { StoryItem } from '@/pages/story/data';
-import {
-  DeleteOutlined,
-  DownOutlined,
-  EditOutlined,
-  UpOutlined,
-} from '@ant-design/icons';
+import { DeleteOutlined, DownOutlined, EditOutlined, UpOutlined } from '@ant-design/icons';
 import { useIntl, useRequest } from '@umijs/max';
 import { Button, Card, message, Popconfirm } from 'antd';
 import React, { useState } from 'react';
@@ -135,6 +131,7 @@ const TimelineItem: React.FC<{
                   key={imageInstanceId + index}
                   title={imageInstanceId}
                   imageInstanceId={imageInstanceId}
+                  style={{ maxWidth: '100%', height: 'auto' }} // 添加响应式样式
                 />
               ))}
             </div>
@@ -169,7 +166,13 @@ const TimelineItem: React.FC<{
           </div>
         )}
       </div>
-      <TimelineItemDrawer storyItem={item} open={openDetail} setOpen={setOpenDetail} />
+      <TimelineItemDrawer
+        storyItem={item}
+        open={openDetail}
+        setOpen={setOpenDetail}
+        handleDelete={handleDelete}
+        handOption={handleOption}
+      />
     </Card>
   );
 };