fix: 超宽屏填满屏幕,去除左侧空白

This commit is contained in:
bwstudio
2026-06-10 21:41:25 +08:00
parent f0b07bd854
commit 0009aa7e88
+15
View File
@@ -255,6 +255,8 @@ onMounted(async () => {
--content-max-width: 1440px; --content-max-width: 1440px;
/* 顶部导航高度 */ /* 顶部导航高度 */
--header-height: 64px; --header-height: 64px;
/* 两侧内边距 */
--content-padding: 24px;
} }
/* 平板(768px+)显示副导航 */ /* 平板(768px+)显示副导航 */
@@ -272,6 +274,19 @@ onMounted(async () => {
} }
} }
/* 超宽屏填满屏幕,去掉居中限制 */
@media (min-width: 1400px) {
:root {
--content-max-width: 100%;
--content-padding: 32px;
}
}
@media (min-width: 1600px) {
:root {
--content-padding: 48px;
}
}
/* ============================================================ /* ============================================================
全局基础样式 全局基础样式
============================================================ */ ============================================================ */