style(frontend): 优化页面布局和底部菜单样式

-调整 RouterView 的样式，增加底部填充 - 修改底部菜单的布局方式，从 sticky 改为 fixed，并设置宽度为 100% - 更新 App.vue 文件中的相关代码
ArvinLovegood · Jan 10, 2025 · 7c52cd1 · 7c52cd1
1 parent 338ce91
commit 7c52cd1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/frontend/package.json.md5 b/frontend/package.json.md5
@@ -1 +1 @@
-00b8e620dca5bab58d37996f0f350d0a
+fab5f9aa38ff92389d6726864c83c7cd
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
@@ -121,10 +121,10 @@ function toggleFullscreen(e) {
     <n-message-provider >
       <n-modal-provider>
         <n-grid x-gap="12" :cols="1">
-          <n-gi>
+          <n-gi style="padding-bottom: 70px">
             <RouterView />
           </n-gi>
-          <n-gi style="position: sticky;bottom:0;z-index: 9999;">
+          <n-gi style="position: fixed;bottom:0;z-index: 9999;width: 100%">
                   <n-card size="small">
                   <n-menu style="font-size: 18px;"
                           v-model:value="activeKey"
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		00b8e620dca5bab58d37996f0f350d0a
		fab5f9aa38ff92389d6726864c83c7cd