fix:优化界面布局
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user