perf(theme): 优化文章页在大屏幕下的表现

This commit is contained in:
pengzhanbo 2024-02-25 00:43:34 +08:00
parent aa70bf9809
commit 4adc7862b5
2 changed files with 7 additions and 4 deletions

View File

@ -121,7 +121,7 @@ onContentUpdated(() => zoom?.refresh())
}
.plume-page.has-aside .content-container {
max-width: 688px;
max-width: 828px;
}
.giscus-wrapper {
@ -168,11 +168,11 @@ onContentUpdated(() => zoom?.refresh())
@media (min-width: 1440px) {
.plume-page:not(.has-sidebar) .content {
max-width: 784px;
max-width: 984px;
}
.plume-page:not(.has-sidebar) .container {
max-width: 1204px;
max-width: 1404px;
}
}

View File

@ -107,9 +107,12 @@ const hasMeta = computed(() => readingTime.value.time || tags.value.length || cr
}
.page-title {
margin-bottom: 1rem;
margin-bottom: 0.7rem;
font-size: 28px;
font-weight: 600;
line-height: 1.5;
color: var(--vp-c-text-1);
transition: color var(--t-color);
}
.page-title.padding {