feat: 公共底栏

web/src/views/Keys.vue

@@ -103,7 +103,7 @@ function handleGroupDelete(deletedGroup: Group) {
 .sidebar {
   width: 240px;
   flex-shrink: 0;
-  height: calc(100vh - 106px);
+  height: calc(100vh - 159px);
 }
 
 .main-content {

web/src/views/Login.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import AppFooter from "@/components/AppFooter.vue";
 import { useAuthService } from "@/services/auth";
 import { LockClosedSharp } from "@vicons/ionicons5";
 import { NButton, NCard, NInput, NSpace, useMessage } from "naive-ui";
@@ -77,22 +78,20 @@ const handleLogin = async () => {
           </n-button>
         </n-space>
       </n-card>
-
-      <div class="login-footer">
-        <p class="footer-text">© 2024 GPT Load. All rights reserved.</p>
-      </div>
     </div>
   </div>
+  <app-footer />
 </template>
 
 <style scoped>
 .login-container {
-  height: 100vh;
+  min-height: calc(100vh - 52px);
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   overflow: hidden;
+  padding: 24px;
 }
 
 .login-background {
@@ -207,17 +206,6 @@ const handleLogin = async () => {
   box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
 }
 
-.login-footer {
-  text-align: center;
-  margin-top: 32px;
-}
-
-.footer-text {
-  font-size: 0.875rem;
-  color: #94a3b8;
-  margin: 0;
-}
-
 :deep(.n-input) {
   --n-border-radius: 12px;
   --n-height: 48px;