Culture 페이지 텍스트 조정
This commit is contained in:
@@ -206,11 +206,11 @@ onMounted(() => {
|
||||
<tspan class="lbl-year" x="280">2024년</tspan>
|
||||
<tspan class="lbl-val" x="280" dy="38">55억</tspan>
|
||||
</text>
|
||||
<text class="lbl" x="500" y="231" text-anchor="middle" style="transition-delay: 1.05s">
|
||||
<text class="lbl lbl-m-up" x="500" y="231" text-anchor="middle" style="transition-delay: 1.05s">
|
||||
<tspan class="lbl-year" x="500">2026년 목표</tspan>
|
||||
<tspan class="lbl-val" x="500" dy="38">150억(e)</tspan>
|
||||
</text>
|
||||
<text class="lbl" x="730" y="138" text-anchor="middle" style="transition-delay: 1.45s">
|
||||
<text class="lbl lbl-m-up" x="730" y="138" text-anchor="middle" style="transition-delay: 1.45s">
|
||||
<tspan class="lbl-year" x="730">2027년 목표</tspan>
|
||||
<tspan class="lbl-val" x="730" dy="38">300억</tspan>
|
||||
</text>
|
||||
@@ -707,6 +707,12 @@ onMounted(() => {
|
||||
.chart-svg .lbl-years-bottom {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* 모바일: 150억·300억 라벨만 살짝 위로 (년도 숨김 상태라 값만 이동)
|
||||
reveal 종료 transform(.chart.is-animated .lbl)을 덮어쓰도록 동일 특이도로 뒤에 배치 */
|
||||
.chart.is-animated .lbl-m-up {
|
||||
transform: translateY(-16px);
|
||||
}
|
||||
}
|
||||
|
||||
/* 모션 최소화 선호 시 모든 차트 전환 제거 */
|
||||
|
||||
Reference in New Issue
Block a user