fix(player): apply heading/data font tokens globally across all desktop components

This commit is contained in:
mars
2026-07-13 09:55:26 +08:00
parent 3af2fe72d4
commit 5a6a8195f8
11 changed files with 138 additions and 56 deletions

View File

@@ -30,7 +30,7 @@ function formatPeriod(start: string, end: string) {
const opts: Intl.DateTimeFormatOptions = { year: 'numeric', month: '2-digit', day: '2-digit' };
const s = new Date(start).toLocaleDateString(locale.value, opts);
const e = new Date(end).toLocaleDateString(locale.value, opts);
return `${s} ${e}`;
return `${s} �${e}`;
}
function formatRate(rate: string) {
@@ -40,7 +40,7 @@ function formatRate(rate: string) {
}
function formatTime(value: string | null) {
if (!value) return '—';
if (!value) return '�;
return new Date(value).toLocaleString(locale.value);
}
</script>
@@ -52,7 +52,7 @@ function formatTime(value: string | null) {
<div class="modal-container" role="dialog" aria-modal="true" :aria-label="t('cashback.title')">
<div class="modal-header">
<span class="modal-title">{{ t('cashback.title') }}</span>
<button type="button" class="modal-close" :aria-label="t('support.close')" @click="close"></button>
<button type="button" class="modal-close" :aria-label="t('support.close')" @click="close">�/button>
</div>
<div v-if="record" class="modal-body">
@@ -164,7 +164,7 @@ function formatTime(value: string | null) {
font-size: 32px;
font-weight: 800;
font-variant-numeric: tabular-nums;
font-family: 'SF Mono', 'Consolas', monospace;
font-family: var(--font-mono);
line-height: 1.1;
}
@@ -218,7 +218,7 @@ function formatTime(value: string | null) {
}
.mono {
font-family: 'SF Mono', 'Consolas', monospace;
font-family: var(--font-mono);
font-size: 12px;
}