feat(layout): 调整基础布局结构与样式

src/layouts/base-layout/base-layout.vue

@@ -8,8 +8,10 @@ const appStore = useAppStore();
 
 <template>
   <AdminLayout
+    mode="horizontal"
     :footer-visible="!false"
-    :tab-visible="false"
+    :tab-visible="!false"
+    scroll-mode="content"
     :is-mobile="appStore.isMobile"
     v-model:sider-collapse="appStore.sidebarCollapsed"
   >
@@ -17,8 +19,10 @@ const appStore = useAppStore();
       <BaseLayoutHeader />
     </template>
     <template #tab>
-      <div class="bg-green-100/28 dark:bg-green-900/28 text-green-900 dark:text-green-100 p-4">
+      <div
-        2#GlobalTab
+        class="bg-green-100/28 dark:bg-green-900/28 text-green-900 dark:text-green-100 p-4 flex items-center justify-center"
+      >
+        GlobalTab
       </div>
     </template>
     <template #sider>

src/layouts/naive-ui/AppLayout.vue

@@ -1,9 +0,0 @@
-<script setup lang="ts"></script>
-
-<template>
-  <div class="app-layout min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100">
-    <main class="max-w-7xl mx-auto px-4 py-8">
-      <router-view />
-    </main>
-  </div>
-</template>

src/pages/_page-title-locales/en-US.ts

@@ -1,7 +1,7 @@
 import type { RouteLocalizationFlags } from '@/plugins/router-plugin';
 
 export default {
-  Root: 'Root',
+  Root: 'Index',
   $Path: '$Path',
   Demos: 'Demos',
   DemosApiDemo: 'API Demo',