From 06ea87341939764d3111a89bfb57d0411c032f9b Mon Sep 17 00:00:00 2001 From: Vixalie Date: Mon, 4 Aug 2025 22:04:59 +0800 Subject: [PATCH] =?UTF-8?q?style(css):=20=E6=B7=BB=E5=8A=A0=E6=96=87?= =?UTF-8?q?=E6=9C=AC=E6=A0=B7=E5=BC=8F=E5=92=8C=E6=8C=89=E9=92=AE=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 在 CSS 文件中添加了多种文本样式类,包括 normal_text、caption、small_caption、title、heading、label 和 navigate - 添加了按钮样式,包括默认样式和图标按钮样式 - 在 body 标签中添加了 antialiased 属性,以改善文本渲染效果 --- src/index.css | 37 ++++++++++++++++++++++++++++++++++++- 1 file changed, 36 insertions(+), 1 deletion(-) diff --git a/src/index.css b/src/index.css index 751c63c..3bae0c3 100644 --- a/src/index.css +++ b/src/index.css @@ -4,7 +4,7 @@ @layer base { html, body { - @apply scheme-dark size-full bg-surface text-on-surface select-none overflow-hidden; + @apply scheme-dark size-full bg-surface text-on-surface select-none overflow-hidden antialiased; &[data-scheme='dark'] { @apply scheme-dark; } @@ -19,4 +19,39 @@ .workspace { @apply size-full overflow-hidden flex items-stretch gap-2 rounded-sm; } + + .normal_text { + @apply text-sm/[1.2]; + } + + .caption { + @apply text-sm/[1]; + } + + .small_caption { + @apply text-[10px]/[1]; + } + + .title { + @apply text-lg font-bold; + } + + .heading { + @apply text-2xl/[1.2] italic; + } + + .label { + @apply text-sm/[1.2] font-bold; + } + + .navigate { + @apply text-xs/[1]; + } + + button { + @apply border-0 flex flex-row items-center justify-center gap-1 px-2 py-1; + &.icon { + @apply bg-swatch-neutral-40 text-on-surface; + } + } }