diff --git a/web/src/App.vue b/web/src/App.vue index d2c7ef8..57b72c6 100644 --- a/web/src/App.vue +++ b/web/src/App.vue @@ -255,6 +255,8 @@ onMounted(async () => { --content-max-width: 1440px; /* 顶部导航高度 */ --header-height: 64px; + /* 两侧内边距 */ + --content-padding: 24px; } /* 平板(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; + } +} + /* ============================================================ 全局基础样式 ============================================================ */