Files
test-repo/docs/.vitepress/theme/style.css
T
sanbuphy 0347f96547 ci(deploy): simplify workflow trigger to run on every push
style(theme): improve sidebar spacing specificity in CSS
2026-01-12 17:08:20 +08:00

64 lines
1.4 KiB
CSS

:root {
/* 调整侧边栏分组之间的间距 */
--vp-sidebar-nav-section-gap: 8px;
}
/* 减少一级标题(如"前端开发")底部的间距 */
.VPSidebar .VPSidebarItem.level-0 {
padding-bottom: 4px;
}
/* 减少一级标题文字与下方子菜单的间距 */
.VPSidebar .VPSidebarItem.level-0 > .item {
padding-bottom: 2px;
}
/* 调整子菜单项之间的间距 */
.VPSidebar .VPSidebarItem.level-1 .item {
padding: 2px 0;
}
/* 针对可能存在的特定类名进行覆盖,确保紧凑 */
.VPSidebar .VPSidebarGroup {
padding-top: 6px;
padding-bottom: 6px;
}
/* 进一步压缩分组标题与第一项之间的间距 */
.VPSidebar .VPSidebarItem.level-0 + .VPSidebarItem.level-1 {
margin-top: -2px;
}
/* 压缩分组标题本身的行高 */
.VPSidebar .VPSidebarItem.level-0 .text {
line-height: 1.3;
}
/* 压缩子项的行高 */
.VPSidebar .VPSidebarItem.level-1 .text {
line-height: 1.4;
}
/* 图片高度限制策略:根据长宽比调整最大高度 */
/* 越高的图片(长宽比越大),限制的高度越小,避免占用过多纵向空间 */
.vp-doc img.img-tall {
max-height: 450px !important;
width: auto !important;
}
.vp-doc img.img-very-tall {
max-height: 350px !important;
width: auto !important;
}
.vp-doc img.img-ultra-tall {
max-height: 250px !important;
width: auto !important;
}
/* Fix tagline wrapping issues */
.VPHomeHero .tagline {
white-space: nowrap;
max-width: none !important;
}