时间线详情展示重构

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

@@ -109,15 +109,6 @@ const TimelineItem: React.FC<{
                 }}
                 aria-label={intl.formatMessage({ id: 'story.edit' })}
               />
-              {/*<Button
-                type="text"
-                icon={<PlusOutlined />}
-                onClick={(e) => {
-                  e.stopPropagation();
-                  handleOption(item, 'addSubItem');
-                }}
-                aria-label={intl.formatMessage({ id: 'story.addSubItem' })}
-              />*/}
               <Popconfirm
                 title={intl.formatMessage({ id: 'story.deleteConfirm' })}
                 description={intl.formatMessage({ id: 'story.deleteConfirmDescription' })}
@@ -145,8 +136,8 @@ const TimelineItem: React.FC<{
       <div className={styles.content}>
         <div className={styles.date} onClick={() => setOpenDetail(true)}>
           <Space size="small" className={styles.dateInfo}>
-            <span className={styles.time}>{formatTimeArray(item.storyItemTime)}</span>
-            {item.location && <span className={styles.location}>📍 {item.location}</span>}
+            <span className="timeline-date-badge">{formatTimeArray(item.storyItemTime)}</span>
+            {item.location && <span className="timeline-location-badge">📍 {item.location}</span>}
           </Space>
         </div>
         <div className={styles.description} onClick={() => setOpenDetail(true)}>
@@ -166,18 +157,16 @@ const TimelineItem: React.FC<{
           )}
         </div>
         {imagesList && imagesList.length > 0 && (
-          <>
-            <div className={styles.timelineItemImages}>
-              {imagesList.map((imageInstanceId, index) => (
-                <TimelineImage
-                  key={imageInstanceId + index}
-                  title={imageInstanceId}
-                  imageInstanceId={imageInstanceId}
-                  className={styles.timelineImage}
-                />
-              ))}
-            </div>
-          </>
+          <div className="timeline-images-grid">
+            {imagesList.map((imageInstanceId, index) => (
+              <TimelineImage
+                key={imageInstanceId + index}
+                title={imageInstanceId}
+                imageInstanceId={imageInstanceId}
+                className={styles.timelineImage}
+              />
+            ))}
+          </div>
         )}
         {item.subItems && item.subItems.length > 0 && (
           <div className={styles.subItems}>