From 2f2b09869423f7e98c64f79dc96c62d9a1696f24 Mon Sep 17 00:00:00 2001
From: ali <ali9696@163.com>
Date: 星期一, 13 一月 2025 18:08:42 +0800
Subject: [PATCH] 修改整体样式偏大问题
---
zhitan-vue/src/layout/components/AppMain.vue | 24 ++++++++++++------------
1 files changed, 12 insertions(+), 12 deletions(-)
diff --git a/zhitan-vue/src/layout/components/AppMain.vue b/zhitan-vue/src/layout/components/AppMain.vue
index 328df52..552c76d 100644
--- a/zhitan-vue/src/layout/components/AppMain.vue
+++ b/zhitan-vue/src/layout/components/AppMain.vue
@@ -13,7 +13,7 @@
<script setup>
import iframeToggle from "./IframeToggle/index"
-import useTagsViewStore from '@/store/modules/tagsView'
+import useTagsViewStore from "@/store/modules/tagsView"
const tagsViewStore = useTagsViewStore()
</script>
@@ -27,21 +27,22 @@
position: relative;
overflow: hidden;
background: #110f2e;
+ padding: 14px 0 0 14px;
}
.fixed-header + .app-main {
- padding-top: 50px;
+ padding-top: 82px;
}
.hasTagsView {
.app-main {
- /* 84 = navbar + tags-view = 50 + 34 */
- min-height: calc(100vh - 120px);
+ /* 84 = navbar + tags-view + padding = 70 + 56 + 14 */
+ min-height: calc(100vh - 125px);
// padding: 20px;
}
.fixed-header + .app-main {
- padding-top: 84px;
+ padding-top: 130px;
}
}
}
@@ -53,23 +54,23 @@
width: 100%;
position: relative;
overflow: hidden;
- background: #F7F8FA;
+ background: #f7f8fa;
+ padding: 14px 0 0 14px;
}
.fixed-header + .app-main {
- padding-top: 50px;
+ padding-top: 82px;
}
.hasTagsView {
.app-main {
- /* 84 = navbar + tags-view = 50 + 34 */
- // 70+50
- min-height: calc(100vh - 120px);
+ /* 84 = navbar + tags-view + padding = 70 + 56 + 14 */
+ min-height: calc(100vh - 125px);
// padding: 20px;
}
.fixed-header + .app-main {
- padding-top: 84px;
+ padding-top: 130px;
}
}
}
@@ -97,4 +98,3 @@
border-radius: 3px;
}
</style>
-
--
Gitblit v1.9.3