chore: reback font style
This commit is contained in:
Generated
-20
@@ -8,8 +8,6 @@
|
||||
"name": "web-ui",
|
||||
"version": "0.0.0",
|
||||
"dependencies": {
|
||||
"@fontsource/geist-mono": "^5.2.7",
|
||||
"@fontsource/geist-sans": "^5.2.5",
|
||||
"@fontsource/inter": "^5.2.8",
|
||||
"@fontsource/jetbrains-mono": "^5.2.8",
|
||||
"@guolao/vue-monaco-editor": "^1.6.0",
|
||||
@@ -578,24 +576,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@fontsource/geist-mono": {
|
||||
"version": "5.2.7",
|
||||
"resolved": "https://registry.npmjs.org/@fontsource/geist-mono/-/geist-mono-5.2.7.tgz",
|
||||
"integrity": "sha512-xVPVFISJg/K0VVd+aQN0Y7X/sw9hUcJPyDWFJ5GpyU3bHELhoRsJkPSRSHXW32mOi0xZCUQDOaPj1sqIFJ1FGg==",
|
||||
"license": "OFL-1.1",
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/ayuhito"
|
||||
}
|
||||
},
|
||||
"node_modules/@fontsource/geist-sans": {
|
||||
"version": "5.2.5",
|
||||
"resolved": "https://registry.npmjs.org/@fontsource/geist-sans/-/geist-sans-5.2.5.tgz",
|
||||
"integrity": "sha512-anllOHyJbElRs9fV15TeDRqAeb1IKm4bSknPl6ZMoyPTx1BBy7logudcUwpNjmQLkzn4Q0JGQLRCUKJYoyST6A==",
|
||||
"license": "OFL-1.1",
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/ayuhito"
|
||||
}
|
||||
},
|
||||
"node_modules/@fontsource/inter": {
|
||||
"version": "5.2.8",
|
||||
"resolved": "https://registry.npmjs.org/@fontsource/inter/-/inter-5.2.8.tgz",
|
||||
|
||||
@@ -9,8 +9,6 @@
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@fontsource/geist-mono": "^5.2.7",
|
||||
"@fontsource/geist-sans": "^5.2.5",
|
||||
"@fontsource/inter": "^5.2.8",
|
||||
"@fontsource/jetbrains-mono": "^5.2.8",
|
||||
"@guolao/vue-monaco-editor": "^1.6.0",
|
||||
|
||||
+23
-34
@@ -5,11 +5,6 @@
|
||||
@import "@fontsource/inter/500.css";
|
||||
@import "@fontsource/inter/600.css";
|
||||
@import "@fontsource/inter/700.css";
|
||||
@import "@fontsource/geist-sans/400.css";
|
||||
@import "@fontsource/geist-sans/500.css";
|
||||
@import "@fontsource/geist-sans/600.css";
|
||||
@import "@fontsource/geist-sans/700.css";
|
||||
@import "@fontsource/geist-mono/400.css";
|
||||
@import "@fontsource/jetbrains-mono/400.css";
|
||||
@import "@fontsource/jetbrains-mono/500.css";
|
||||
|
||||
@@ -218,25 +213,20 @@
|
||||
|
||||
body {
|
||||
@apply bg-background text-foreground antialiased;
|
||||
font-family: "Geist Sans", "Inter", system-ui, -apple-system, sans-serif;
|
||||
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 1.5rem;
|
||||
letter-spacing: -0.02em;
|
||||
font-feature-settings: "cv02", "cv03", "cv04", "cv11";
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.01em;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
@apply tracking-tighter font-semibold;
|
||||
}
|
||||
|
||||
.font-code,
|
||||
.font-mono,
|
||||
code,
|
||||
pre {
|
||||
font-family: "Geist Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
|
||||
font-family: 'JetBrains Mono', 'Fira Code', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -248,30 +238,28 @@
|
||||
body {
|
||||
font-size: 15px;
|
||||
font-weight: 450;
|
||||
line-height: 1.5;
|
||||
letter-spacing: 0;
|
||||
/* 移动端使用默认平滑,保持字体“厚度”与清晰度 */
|
||||
/* 移动端关闭 subpixel antialiasing,字体更实更清晰 */
|
||||
-webkit-font-smoothing: auto;
|
||||
-moz-osx-font-smoothing: auto;
|
||||
}
|
||||
|
||||
/* 标题类在小屏下显著加重,增加力量感 */
|
||||
/* 标题类字体在小屏下同步增重 */
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 700;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
|
||||
/* 正文与描述类文字同步增重,避免纤细感,提升识别度 */
|
||||
/* 正文段落、描述类文字增重 */
|
||||
p,
|
||||
span:not([class*="icon"]),
|
||||
label,
|
||||
[class*="description"],
|
||||
[class*="muted"],
|
||||
.text-muted-foreground {
|
||||
font-weight: 430;
|
||||
[class*="muted"] {
|
||||
font-weight: 420;
|
||||
}
|
||||
|
||||
/* 小号字专门增重,模拟截图中免责声明的稳重感 */
|
||||
/* 小号字在移动端专门增重,与 Windows 小字优化区分开 */
|
||||
.text-xs {
|
||||
font-size: 0.8rem;
|
||||
font-weight: 500;
|
||||
@@ -280,19 +268,19 @@
|
||||
|
||||
.text-sm {
|
||||
font-size: 0.9rem;
|
||||
font-weight: 480;
|
||||
}
|
||||
|
||||
/* 交互性元素与按钮清晰有力 */
|
||||
button,
|
||||
[role="button"],
|
||||
.font-medium {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* 表格单元格保持厚实 */
|
||||
td, th {
|
||||
font-weight: 450;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
/* 按钮文字增重,更易点击辨识 */
|
||||
button,
|
||||
[role="button"] {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* 表格单元格 */
|
||||
td, th {
|
||||
font-weight: 430;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -573,6 +561,7 @@ input[type="time"]:hover::-webkit-calendar-picker-indicator {
|
||||
|
||||
.dark .custom-scrollbar::-webkit-scrollbar-thumb {
|
||||
background: oklch(0.5 0 0 / 40%);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover {
|
||||
|
||||
@@ -111,7 +111,7 @@ onMounted(() => {
|
||||
<!-- Application Card: The main floating surface -->
|
||||
<div
|
||||
class="flex h-full w-full bg-background relative transition-all duration-500 overflow-hidden
|
||||
2xl:max-w-[1800px] 2xl:max-h-[92vh] 2xl:rounded-[1.25rem]
|
||||
2xl:max-w-[1800px] 2xl:max-h-[92vh] 2xl:rounded-[2.5rem]
|
||||
2xl:shadow-[0_50px_100px_-20px_rgba(0,0,0,0.25),0_0_0_1px_rgba(255,255,255,0.05)]
|
||||
2xl:ring-1 2xl:ring-slate-900/5 dark:2xl:ring-white/10
|
||||
2xl:border 2xl:border-slate-200/60 dark:2xl:border-white/5
|
||||
|
||||
Reference in New Issue
Block a user