feat: upgrade typography - Plus Jakarta Sans headings, JetBrains Mono data, 14px base
Heading font: Plus Jakarta Sans (500/600/700) for all h1-h3, stat values, dialog titles, timer display, and wordmark. Body font: Inter (400/500/600/700) unchanged but base bumped from 13px to 14px. Mono font: JetBrains Mono replaces IBM Plex Mono for code and tabular data.
This commit is contained in:
@@ -28,7 +28,7 @@
|
||||
<div class="flex-1 p-6 overflow-y-auto">
|
||||
<!-- General -->
|
||||
<div v-if="activeTab === 'general'">
|
||||
<h2 class="text-[1.125rem] font-medium text-text-primary mb-6">General</h2>
|
||||
<h2 class="text-[1.25rem] font-semibold font-[family-name:var(--font-heading)] text-text-primary mb-6">General</h2>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
@@ -57,7 +57,7 @@
|
||||
|
||||
<!-- Timer -->
|
||||
<div v-if="activeTab === 'timer'">
|
||||
<h2 class="text-[1.125rem] font-medium text-text-primary mb-6">Timer</h2>
|
||||
<h2 class="text-[1.25rem] font-semibold font-[family-name:var(--font-heading)] text-text-primary mb-6">Timer</h2>
|
||||
|
||||
<div class="space-y-5">
|
||||
<!-- Idle Detection toggle -->
|
||||
@@ -105,7 +105,7 @@
|
||||
|
||||
<!-- Billing -->
|
||||
<div v-if="activeTab === 'billing'">
|
||||
<h2 class="text-[1.125rem] font-medium text-text-primary mb-6">Billing</h2>
|
||||
<h2 class="text-[1.25rem] font-semibold font-[family-name:var(--font-heading)] text-text-primary mb-6">Billing</h2>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
@@ -129,7 +129,7 @@
|
||||
|
||||
<!-- Data -->
|
||||
<div v-if="activeTab === 'data'">
|
||||
<h2 class="text-[1.125rem] font-medium text-text-primary mb-6">Data</h2>
|
||||
<h2 class="text-[1.25rem] font-semibold font-[family-name:var(--font-heading)] text-text-primary mb-6">Data</h2>
|
||||
|
||||
<div class="space-y-6">
|
||||
<!-- Export -->
|
||||
@@ -173,7 +173,7 @@
|
||||
@click.self="showClearDataDialog = false"
|
||||
>
|
||||
<div class="bg-bg-surface border border-border-subtle rounded-lg shadow-[0_1px_3px_rgba(0,0,0,0.3)] w-full max-w-sm mx-4 p-6 animate-modal-enter">
|
||||
<h2 class="text-[1rem] font-semibold text-text-primary mb-2">Clear All Data</h2>
|
||||
<h2 class="text-[1.125rem] font-semibold font-[family-name:var(--font-heading)] text-text-primary mb-2">Clear All Data</h2>
|
||||
<p class="text-[0.75rem] text-text-secondary mb-4">
|
||||
Are you sure? This action cannot be undone.
|
||||
</p>
|
||||
|
||||
Reference in New Issue
Block a user