feat: 全局默认box-sizing: border-box;降低元素布局难度。
This commit is contained in:
parent
f0832bf1cf
commit
a27b14e7ff
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue