Yusaki/MiroFish
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update font styles across the application to include 'Noto Sans SC' for improved typography consistency.

Browse source
This commit is contained in:
666ghj 2025-12-26 17:35:09 +08:00
parent abf2ba68af
commit 44424f29ba
14 changed files with 24 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/index.html
View file

@ -3,7 +3,7 @@
<head> <head>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100..800&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@100..800&family=Noto+Sans+SC:wght@300;400;500;700;800;900&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/png" href="/icon.png" /> <link rel="icon" type="image/png" href="/icon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />

2
frontend/src/App.vue
View file

@ -15,7 +15,7 @@
} }
#app { #app {
font-family: 'JetBrains Mono', 'Space Grotesk', monospace; font-family: 'JetBrains Mono', 'Space Grotesk', 'Noto Sans SC', monospace;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
color: #000000; color: #000000;

2
frontend/src/components/GraphPanel.vue
View file

@ -1018,7 +1018,7 @@ input:checked + .slider:before {
border-radius: 10px; border-radius: 10px;
box-shadow: 0 8px 32px rgba(0,0,0,0.1); box-shadow: 0 8px 32px rgba(0,0,0,0.1);
overflow: hidden; overflow: hidden;
font-family: system-ui, -apple-system, sans-serif; font-family: 'Noto Sans SC', system-ui, sans-serif;
font-size: 13px; font-size: 13px;
z-index: 20; z-index: 20;
display: flex; display: flex;

4
frontend/src/components/Step2EnvSetup.vue
View file

@ -1083,7 +1083,7 @@ onUnmounted(() => {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: #FAFAFA; background: #FAFAFA;
font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-family: 'Space Grotesk', 'Noto Sans SC', system-ui, sans-serif;
} }
.scroll-container { .scroll-container {
@ -2161,7 +2161,7 @@ onUnmounted(() => {
} }
.narrative-text { .narrative-text {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-family: 'Inter', 'Noto Sans SC', system-ui, sans-serif;
font-size: 14px; font-size: 14px;
color: #334155; color: #334155;
line-height: 1.8; line-height: 1.8;

2
frontend/src/components/Step3Simulation.vue
View file

@ -702,7 +702,7 @@ onUnmounted(() => {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: #FFFFFF; background: #FFFFFF;
font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-family: 'Space Grotesk', 'Noto Sans SC', system-ui, sans-serif;
overflow: hidden; overflow: hidden;
} }

4
frontend/src/components/Step4Report.vue
View file

@ -2157,7 +2157,7 @@ watch(() => props.reportId, (newId) => {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: #F8F9FA; background: #F8F9FA;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-family: 'Inter', 'Noto Sans SC', system-ui, sans-serif;
overflow: hidden; overflow: hidden;
} }
@ -2435,7 +2435,7 @@ watch(() => props.reportId, (newId) => {
/* Generated Content */ /* Generated Content */
.generated-content { .generated-content {
font-family: 'Inter', -apple-system, sans-serif; font-family: 'Inter', 'Noto Sans SC', system-ui, sans-serif;
font-size: 14px; font-size: 14px;
line-height: 1.8; line-height: 1.8;
color: #374151; color: #374151;

4
frontend/src/components/Step5Interaction.vue
View file

@ -935,7 +935,7 @@ watch(() => props.simulationId, (newId) => {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: #F8F9FA; background: #F8F9FA;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-family: 'Inter', 'Noto Sans SC', system-ui, sans-serif;
overflow: hidden; overflow: hidden;
} }
@ -1131,7 +1131,7 @@ watch(() => props.simulationId, (newId) => {
/* Generated Content */ /* Generated Content */
.generated-content { .generated-content {
font-family: 'Inter', -apple-system, sans-serif; font-family: 'Inter', 'Noto Sans SC', system-ui, sans-serif;
font-size: 14px; font-size: 14px;
line-height: 1.8; line-height: 1.8;
color: #374151; color: #374151;

15
frontend/src/views/Home.vue
View file

@ -315,7 +315,8 @@ const startSimulation = () => {
确保已在 index.html 引入这些 Google Fonts 确保已在 index.html 引入这些 Google Fonts
*/ */
--font-mono: 'JetBrains Mono', monospace; --font-mono: 'JetBrains Mono', monospace;
--font-sans: 'Space Grotesk', -apple-system, sans-serif; --font-sans: 'Space Grotesk', 'Noto Sans SC', system-ui, sans-serif;
--font-cn: 'Noto Sans SC', system-ui, sans-serif;
} }
.home-container { .home-container {
@ -415,7 +416,7 @@ const startSimulation = () => {
.main-title { .main-title {
font-size: 4.5rem; font-size: 4.5rem;
line-height: 1.2; line-height: 1.2;
font-weight: 800; font-weight: 500;
margin: 0 0 40px 0; margin: 0 0 40px 0;
letter-spacing: -2px; letter-spacing: -2px;
color: var(--black); color: var(--black);
@ -465,7 +466,7 @@ const startSimulation = () => {
.slogan-text { .slogan-text {
font-size: 1.2rem; font-size: 1.2rem;
font-weight: 700; font-weight: 500;
color: var(--black); color: var(--black);
letter-spacing: 1px; letter-spacing: 1px;
border-left: 3px solid var(--orange); border-left: 3px solid var(--orange);
@ -565,7 +566,7 @@ const startSimulation = () => {
.section-title { .section-title {
font-size: 2rem; font-size: 2rem;
font-weight: 700; font-weight: 500;
margin: 0 0 15px 0; margin: 0 0 15px 0;
} }
@ -590,7 +591,7 @@ const startSimulation = () => {
.metric-value { .metric-value {
font-family: var(--font-mono); font-family: var(--font-mono);
font-size: 1.8rem; font-size: 1.8rem;
font-weight: 700; font-weight: 500;
margin-bottom: 5px; margin-bottom: 5px;
} }
@ -645,7 +646,7 @@ const startSimulation = () => {
} }
.step-title { .step-title {
font-weight: 700; font-weight: 500;
font-size: 1rem; font-size: 1rem;
margin-bottom: 4px; margin-bottom: 4px;
} }
@ -714,7 +715,7 @@ const startSimulation = () => {
} }
.upload-title { .upload-title {
font-weight: 700; font-weight: 500;
font-size: 0.9rem; font-size: 0.9rem;
margin-bottom: 5px; margin-bottom: 5px;
} }

2
frontend/src/views/InteractionView.vue
View file

@ -220,7 +220,7 @@ onMounted(() => {
flex-direction: column; flex-direction: column;
background: #FFF; background: #FFF;
overflow: hidden; overflow: hidden;
font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-family: 'Space Grotesk', 'Noto Sans SC', system-ui, sans-serif;
} }
/* Header */ /* Header */

2
frontend/src/views/MainView.vue
View file

@ -411,7 +411,7 @@ onUnmounted(() => {
flex-direction: column; flex-direction: column;
background: #FFF; background: #FFF;
overflow: hidden; overflow: hidden;
font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-family: 'Space Grotesk', 'Noto Sans SC', system-ui, sans-serif;
} }
/* Header */ /* Header */

2
frontend/src/views/Process.vue
View file

@ -1104,7 +1104,7 @@ onUnmounted(() => {
.process-page { .process-page {
min-height: 100vh; min-height: 100vh;
background: var(--white); background: var(--white);
font-family: 'JetBrains Mono', 'Space Grotesk', monospace; font-family: 'JetBrains Mono', 'Noto Sans SC', monospace;
overflow: hidden; /* Prevent body scroll in fullscreen */ overflow: hidden; /* Prevent body scroll in fullscreen */
} }

2
frontend/src/views/ReportView.vue
View file

@ -219,7 +219,7 @@ onMounted(() => {
flex-direction: column; flex-direction: column;
background: #FFF; background: #FFF;
overflow: hidden; overflow: hidden;
font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-family: 'Space Grotesk', 'Noto Sans SC', system-ui, sans-serif;
} }
/* Header */ /* Header */

2
frontend/src/views/SimulationRunView.vue
View file

@ -317,7 +317,7 @@ onUnmounted(() => {
flex-direction: column; flex-direction: column;
background: #FFF; background: #FFF;
overflow: hidden; overflow: hidden;
font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-family: 'Space Grotesk', 'Noto Sans SC', system-ui, sans-serif;
} }
/* Header */ /* Header */

2
frontend/src/views/SimulationView.vue
View file

@ -304,7 +304,7 @@ onMounted(async () => {
flex-direction: column; flex-direction: column;
background: #FFF; background: #FFF;
overflow: hidden; overflow: hidden;
font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-family: 'Space Grotesk', 'Noto Sans SC', system-ui, sans-serif;
} }
/* Header */ /* Header */