From a27b14e7ffeeeae6a212f262d20303db02b017f1 Mon Sep 17 00:00:00 2001
From: preschooler <preschool@139.com>
Date: Sun, 25 Aug 2024 14:41:30 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=85=A8=E5=B1=80=E9=BB=98=E8=AE=A4box?=
 =?UTF-8?q?-sizing:=20border-box;=E9=99=8D=E4=BD=8E=E5=85=83=E7=B4=A0?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=E9=9A=BE=E5=BA=A6=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TagsView/src/TagsView.vue | 2 +-
 src/layout/components/AppView.vue        | 2 +-
 src/styles/var.css                       | 8 ++++++++
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/TagsView/src/TagsView.vue b/src/components/TagsView/src/TagsView.vue
index 8c64a5005..da3336bea 100644
--- a/src/components/TagsView/src/TagsView.vue
+++ b/src/components/TagsView/src/TagsView.vue
@@ -514,7 +514,7 @@ watch(
 
   &__item {
     position: relative;
-    top: 2px;
+    top: 3px;
     height: calc(~'100% - 6px');
     padding-right: 25px;
     margin-left: 4px;
diff --git a/src/layout/components/AppView.vue b/src/layout/components/AppView.vue
index 05d2ae6f8..f0c305a42 100644
--- a/src/layout/components/AppView.vue
+++ b/src/layout/components/AppView.vue
@@ -18,7 +18,7 @@ const getCaches = computed((): string[] => {
 <template>
   <section
     :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>
diff --git a/src/styles/var.css b/src/styles/var.css
index f90fc6891..fb869ec93 100644
--- a/src/styles/var.css
+++ b/src/styles/var.css
@@ -59,3 +59,11 @@
 .dark {
   --app-content-bg-color: var(--el-bg-color);
 }
+
+*,
+:after,
+:before {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}