fix(player): apply heading/data font tokens globally across all desktop components
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user