fix(game-ui): 메인 턴과 장수 상태 표시를 보완
This commit is contained in:
@@ -272,11 +272,19 @@ const specialText = computed(() => {
|
||||
<strong class="stat-value" :style="{ color: injuryInfo.color }">
|
||||
<span>{{ stat.value }}</span>
|
||||
<span v-if="stat.bonus > 0" class="leadership-bonus">+{{ stat.bonus }}</span>
|
||||
<span class="bar-cell" :data-stat-progress="stat.key">
|
||||
<LegacyProgressBar
|
||||
:percent="stat.percent"
|
||||
:label="`${stat.label} 성장 ${stat.accumulated} / ${stat.limit}`"
|
||||
/>
|
||||
<span class="bar-cell">
|
||||
<RichTooltip
|
||||
:title="`${stat.label} 성장`"
|
||||
:description="`${stat.accumulated} / ${stat.limit}`"
|
||||
:test-id="`stat-${stat.key}`"
|
||||
>
|
||||
<span :data-stat-progress="stat.key">
|
||||
<LegacyProgressBar
|
||||
:percent="stat.percent"
|
||||
:label="`${stat.label} 성장 ${stat.accumulated} / ${stat.limit}`"
|
||||
/>
|
||||
</span>
|
||||
</RichTooltip>
|
||||
</span>
|
||||
</strong>
|
||||
</template>
|
||||
@@ -539,6 +547,12 @@ const specialText = computed(() => {
|
||||
grid-column: 3;
|
||||
}
|
||||
|
||||
.bar-cell :deep(.rich-tooltip-trigger),
|
||||
.bar-cell [data-stat-progress] {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bar-cell,
|
||||
.experience-bar {
|
||||
display: grid;
|
||||
|
||||
Reference in New Issue
Block a user