delorex/test-repo
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(theme): update font sizes and spacing for better readability

Browse Source 
Adjust default font size from 13px to 14px and modify blockquote styling
Convert fixed pixel values to relative em units for better scalability
Improve spacing and typography consistency across components
This commit is contained in:
sanbuphy
2026-01-13 20:46:02 +08:00
parent 7e26e9533d
commit 93914f54b0
3 changed files with 28 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/.vitepress/theme/Layout.vue
+1 -1
View File
@@ -20,7 +20,7 @@ const FONT_SIZE_STORAGE_KEY = 'ev-doc-font-size'
const LINE_HEIGHT_STORAGE_KEY = 'ev-doc-line-height'
const MIN_FONT_SIZE = 12
const MAX_FONT_SIZE = 18
const DEFAULT_FONT_SIZE = 13
const DEFAULT_FONT_SIZE = 14
const MIN_LINE_HEIGHT = 1.25
const MAX_LINE_HEIGHT = 1.8
const DEFAULT_LINE_HEIGHT = 1.65
docs/.vitepress/theme/components/ChapterIntroduction.vue
+12 -12
View File
@@ -110,19 +110,19 @@ const hasTags = computed(() => props.tags && props.tags.length > 0)
}
.icon {
font-size: 20px;
font-size: 1.4em;
margin-right: 8px;
}
.title {
font-size: 14px;
font-size: 1em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.content {
font-size: 16px;
font-size: 1.15em;
line-height: 1.7;
color: var(--vp-c-text-1);
font-weight: 500;
@@ -135,14 +135,14 @@ const hasTags = computed(() => props.tags && props.tags.length > 0)
gap: 12px;
}
.description-text {
font-size: 16px;
font-size: 1.15em;
line-height: 1.7;
color: var(--vp-c-text-1);
}
.description-text.has-tags {
margin-top: 16px;
font-size: 14px;
font-size: 1em;
color: var(--vp-c-text-2);
border-top: 1px solid var(--vp-c-divider);
padding-top: 12px;
@@ -155,7 +155,7 @@ const hasTags = computed(() => props.tags && props.tags.length > 0)
background-color: var(--vp-c-bg-alt);
border: 1px solid var(--vp-c-divider);
border-radius: 99px;
font-size: 14px;
font-size: 1em;
font-weight: 600;
color: var(--vp-c-text-1);
transition: all 0.2s;
@@ -193,7 +193,7 @@ const hasTags = computed(() => props.tags && props.tags.length > 0)
}
.card-icon {
font-size: 24px;
font-size: 1.7em;
line-height: 1;
padding-top: 2px;
}
@@ -205,7 +205,7 @@ const hasTags = computed(() => props.tags && props.tags.length > 0)
}
.card-label {
font-size: 12px;
font-size: 0.85em;
color: var(--vp-c-text-2);
margin-bottom: 8px;
font-weight: 600;
@@ -213,7 +213,7 @@ const hasTags = computed(() => props.tags && props.tags.length > 0)
}
.card-value {
font-size: 14px;
font-size: 1em;
line-height: 1.5;
color: var(--vp-c-text-1);
}
@@ -222,7 +222,7 @@ const hasTags = computed(() => props.tags && props.tags.length > 0)
display: inline-block;
color: var(--vp-c-brand-dark);
font-weight: 800;
font-size: 16px;
font-size: 1.15em;
margin-top: 2px;
}
@@ -234,7 +234,7 @@ const hasTags = computed(() => props.tags && props.tags.length > 0)
}
.core-output {
font-size: 18px;
font-size: 1.3em;
font-weight: 800;
color: var(--vp-c-brand);
line-height: 1.4;
@@ -242,7 +242,7 @@ const hasTags = computed(() => props.tags && props.tags.length > 0)
}
.output-desc {
font-size: 13px;
font-size: 0.93em;
color: var(--vp-c-text-2);
line-height: 1.4;
}
docs/.vitepress/theme/style.css
+15 -3
View File
@@ -2,7 +2,7 @@
/* Easy-Vibe Theme Fix v2025-01-12 */
/* 通过变量控制分组底部留白（默认 24px） */
--vp-sidebar-nav-section-gap: 8px;
--ev-doc-font-size: 13px;
--ev-doc-font-size: 14px;
--ev-doc-line-height: 1.65;
}
@@ -29,13 +29,25 @@
}
.vp-doc blockquote {
font-size: 0.9em !important;
font-size: inherit !important;
line-height: var(--ev-doc-line-height) !important;
color: var(--vp-c-text-2);
margin: 16px 0 !important;
padding: 0 0 0 16px !important;
}
.vp-doc blockquote p {
font-size: inherit !important;
line-height: 1.4 !important;
line-height: inherit !important;
margin: 8px 0 !important;
}
.vp-doc blockquote p:first-child {
margin-top: 0 !important;
}
.vp-doc blockquote p:last-child {
margin-bottom: 0 !important;
}
.vp-doc :where(li) {