diff --git a/src/components/account/DraggableAccountList/DraggableAccountList.css b/src/components/account/DraggableAccountList/DraggableAccountList.css index 0e202e6..8fb126e 100644 --- a/src/components/account/DraggableAccountList/DraggableAccountList.css +++ b/src/components/account/DraggableAccountList/DraggableAccountList.css @@ -136,17 +136,17 @@ display: inline-flex; align-items: center; gap: 4px; - padding: 2px 8px; + padding: 4px 8px; background: rgba(245, 158, 11, 0.15); /* Amber-100 equivalent with opacity */ - color: #d97706; + color: #D97706; /* Amber-600 */ font-size: 11px; /* Slightly smaller for better fit */ font-weight: 600; - border-radius: 4px; + border-radius: 6px; flex-shrink: 0; - line-height: 1.4; + line-height: 1.2; } /* Account Meta */ diff --git a/src/components/account/DraggableAccountList/DraggableAccountList.tsx b/src/components/account/DraggableAccountList/DraggableAccountList.tsx index 5cae47d..dc44c42 100644 --- a/src/components/account/DraggableAccountList/DraggableAccountList.tsx +++ b/src/components/account/DraggableAccountList/DraggableAccountList.tsx @@ -73,7 +73,7 @@ interface SortableAccountItemProps { * Format sync time to MM月DD日 HH:mm */ const formatSyncTime = (syncTime?: string): string => { - if (!syncTime) return '未同步'; + if (!syncTime) return ''; const date = new Date(syncTime); const month = date.getMonth() + 1; @@ -167,6 +167,7 @@ const SortableAccountItem: React.FC = ({ {account.name} {showWarning && ( + 预警 )} @@ -178,10 +179,12 @@ const SortableAccountItem: React.FC = ({ ID: {account.accountCode} )} - - - {formatSyncTime(account.lastSyncTime)} - + {account.lastSyncTime && ( + + + {formatSyncTime(account.lastSyncTime)} + + )}