fix:优化界面布局

This commit is contained in:
Daniel
2026-03-02 19:32:56 +08:00
parent 3c55485648
commit 75c58eecfc
6 changed files with 69 additions and 47 deletions

View File

@@ -4,6 +4,7 @@ import { TimelinePanel } from '@/components/TimelinePanel'
import { ForcePanel } from '@/components/ForcePanel'
import { WarMap } from '@/components/WarMap'
import { CombatLossesPanel } from '@/components/CombatLossesPanel'
import { CombatLossesOtherPanel } from '@/components/CombatLossesOtherPanel'
import { IranBaseStatusPanel } from '@/components/IranBaseStatusPanel'
import { BaseStatusPanel } from '@/components/BaseStatusPanel'
import { PowerChart } from '@/components/PowerChart'
@@ -54,6 +55,13 @@ export function Dashboard() {
className="order-3 min-w-0 shrink-0 xl:min-w-[200px]"
/>
</div>
{/* 战损其它数据:单独放在中间板块最底部,移动端/网页端均完整显示 */}
<div className="shrink-0 border-t border-military-border/50 bg-military-panel/95 px-3 py-2 xl:px-4">
<CombatLossesOtherPanel
usLosses={situation.usForces.combatLosses}
iranLosses={situation.iranForces.combatLosses}
/>
</div>
</main>
<aside className="flex min-h-0 min-w-0 shrink-0 flex-col gap-2 overflow-y-auto overflow-x-visible border-b border-military-border p-3 xl:order-1 xl:min-w-[320px] xl:max-w-[340px] xl:border-b-0 xl:border-r xl:p-4">