✨ feat: 调整 AppLayout 和 AppMenu 组件样式，优化底部菜单位置和间距

algerkong · algerkong · commit 25b90fafdca2 · 2025-04-18T19:18:37.000+08:00
diff --git a/src/renderer/layout/AppLayout.vue b/src/renderer/layout/AppLayout.vue
@@ -146,6 +146,7 @@ provide('openPlaylistDrawer', openPlaylistDrawer);
     overflow: auto;
     display: block;
     flex: none;
+    padding-bottom: 70px;
   }
 }
 </style>
diff --git a/src/renderer/layout/components/AppMenu.vue b/src/renderer/layout/components/AppMenu.vue
@@ -113,16 +113,18 @@ const isText = ref(false);
   .app-menu {
     max-width: 100%;
     width: 100vw;
-    position: relative;
-    z-index: 999999;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    z-index: 99999;
     @apply bg-light dark:bg-black border-t border-gray-200 dark:border-gray-700;
 
     &-header {
       display: none;
     }
 
     &-list {
-      @apply flex justify-between;
+      @apply flex justify-between px-4;
     }
 
     &-item {

Original file line number	Diff line number	Diff line change
`@@ -146,6 +146,7 @@ provide('openPlaylistDrawer', openPlaylistDrawer);`
`146`	`146`	`overflow: auto;`
`147`	`147`	`display: block;`
`148`	`148`	`flex: none;`
	`149`	`+ padding-bottom: 70px;`
`149`	`150`	`}`
`150`	`151`	`}`
`151`	`152`	`</style>`