Daniel/usa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:优化整个大屏界面

Browse Source
This commit is contained in:
Daniel
2026-03-01 22:26:14 +08:00
parent c07fc681dd
commit 24d0593e12
8 changed files with 728 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/BaseStatusPanel.tsx
View File

@@ -32,7 +32,7 @@ export function BaseStatusPanel({ keyLocations, className = '' }: BaseStatusPane
className={`rounded-lg border border-military-border bg-military-panel/80 p-3 font-orbitron ${className}`}
>
<div className="mb-2 flex items-center gap-1.5 text-[10px] uppercase tracking-wider text-military-text-secondary">
<MapPin className="h-3 w-3 shrink-0" />
<MapPin className="h-3 w-3 shrink-0 text-blue-400" />
美军基地态势
</div>
<div className="flex flex-col gap-1.5 text-xs tabular-nums">
@@ -55,11 +55,17 @@ export function BaseStatusPanel({ keyLocations, className = '' }: BaseStatusPane
<strong className="text-amber-500">{stats.severe}</strong>
</div>
<div className="flex items-center justify-between gap-2">
<span className="text-military-text-secondary">中度损毁</span>
<span className="flex items-center gap-1 text-military-text-secondary">
<AlertTriangle className="h-3 w-3 text-amber-400" />
中度损毁
</span>
<strong className="text-amber-400">{stats.moderate}</strong>
</div>
<div className="flex items-center justify-between gap-2">
<span className="text-military-text-secondary">轻度损毁</span>
<span className="flex items-center gap-1 text-military-text-secondary">
<AlertTriangle className="h-3 w-3 text-amber-300" />
轻度损毁
</span>
<strong className="text-amber-300">{stats.light}</strong>
</div>
</div>