fix: 메인 국가·장수 정보 헤더를 제거한다

국가와 장수 카드의 본문 및 접근 가능한 이름은 유지하면서 데스크톱과 모바일의 중복 외곽 헤더만 숨긴다. 실제 Chromium 회귀로 두 viewport의 헤더 부재와 레이아웃을 검증한다.
This commit is contained in:
2026-08-21 15:38:27 +00:00
parent 87a1323a47
commit f36b8c03da
3 changed files with 32 additions and 6 deletions
@@ -2,14 +2,18 @@
interface Props {
title: string;
subtitle?: string;
hideHeader?: boolean;
}
defineProps<Props>();
withDefaults(defineProps<Props>(), {
subtitle: undefined,
hideHeader: false,
});
</script>
<template>
<section class="panel-card">
<header class="panel-header">
<header v-if="!hideHeader" class="panel-header">
<div>
<h2 class="panel-title">{{ title }}</h2>
<p v-if="subtitle" class="panel-subtitle">{{ subtitle }}</p>
+4 -4
View File
@@ -295,7 +295,7 @@ watch(
</div>
<div v-else-if="panelId === 'nation'" class="mobile-panel" data-mobile-panel-id="nation">
<PanelCard title="국가 정보" data-main-target="nation">
<PanelCard title="국가 정보" hide-header aria-label="국가 정보" data-main-target="nation">
<NationBasicCard :nation="nation" :loading="loading" />
</PanelCard>
</div>
@@ -306,7 +306,7 @@ watch(
:class="{ 'mobile-panel--flush': isFlushMobilePanel(panelId, panelIndex) }"
data-mobile-panel-id="general"
>
<PanelCard title="장수 스탯" data-main-target="general">
<PanelCard title="장수 스탯" hide-header aria-label="장수 정보" data-main-target="general">
<GeneralBasicCard :general="general" :loading="loading" :nation-color="nation?.color" />
</PanelCard>
</div>
@@ -456,10 +456,10 @@ watch(
<PanelCard title="도시 정보" data-main-target="city">
<CityBasicCard :city="city" :loading="loading" />
</PanelCard>
<PanelCard title="국가 정보" data-main-target="nation">
<PanelCard title="국가 정보" hide-header aria-label="국가 정보" data-main-target="nation">
<NationBasicCard :nation="nation" :loading="loading" />
</PanelCard>
<PanelCard title="장수 스탯" data-main-target="general">
<PanelCard title="장수 스탯" hide-header aria-label="장수 정보" data-main-target="general">
<GeneralBasicCard :general="general" :loading="loading" :nation-color="nation?.color" />
</PanelCard>
<MainNationMenu