fix: 超宽屏填满屏幕,去除左侧空白
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
全局基础样式
|
||||
============================================================ */
|
||||
|
||||
Reference in New Issue
Block a user