feat: 全局默认box-sizing: border-box;降低元素布局难度。

This commit is contained in:
preschooler 2024-08-25 14:41:30 +08:00
parent f0832bf1cf
commit a27b14e7ff
3 changed files with 10 additions and 2 deletions

View File

@ -514,7 +514,7 @@ watch(
&__item { &__item {
position: relative; position: relative;
top: 2px; top: 3px;
height: calc(~'100% - 6px'); height: calc(~'100% - 6px');
padding-right: 25px; padding-right: 25px;
margin-left: 4px; margin-left: 4px;

View File

@ -18,7 +18,7 @@ const getCaches = computed((): string[] => {
<template> <template>
<section <section
:class="[ :class="[
'flex-1 p-[var(--app-content-padding)] w-[calc(100%-var(--app-content-padding)-var(--app-content-padding))] bg-[var(--app-content-bg-color)] dark:bg-[var(--el-bg-color)]' 'flex-1 p-[var(--app-content-padding)] w-full bg-[var(--app-content-bg-color)] dark:bg-[var(--el-bg-color)]'
]" ]"
> >
<router-view> <router-view>

View File

@ -59,3 +59,11 @@
.dark { .dark {
--app-content-bg-color: var(--el-bg-color); --app-content-bg-color: var(--el-bg-color);
} }
*,
:after,
:before {
margin: 0;
padding: 0;
box-sizing: border-box;
}