From 8a078a129162c5740ba63fc52f67aff38d1cc972 Mon Sep 17 00:00:00 2001
From: zhcnyuyang <yyydm@qq.com>
Date: Thu, 1 May 2025 15:17:33 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8D=B3=E5=B0=86=E8=B0=83=E8=8A=82=E5=BA=95?=
 =?UTF-8?q?=E9=83=A8=E6=A0=8F=E9=AB=98=E5=BA=A6=EF=BC=8C=E7=89=B9=E6=AD=A4?=
 =?UTF-8?q?=E4=BF=9D=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                 |  8 ++++++++
 src/App.vue                | 10 +++++++---
 src/components/Toolbar.vue |  2 +-
 3 files changed, 16 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html
index 99f583a..169b88b 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,14 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Vite App</title>
   </head>
+  <style type="text/css">
+      #app
+      {
+          display: flex;
+          flex-direction: column;
+          min-height: 100vh;
+      }
+  </style>
   <body>
     <div id="app"></div>
     <script type="module" src="/src/main.js"></script>
diff --git a/src/App.vue b/src/App.vue
index 738910b..db8c8cb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,6 @@
 <script setup>
-// import HelloWorld from './components/HelloWorld.vue'
-// import TheWelcome from './components/TheWelcome.vue'
 import Footer from './components/Footer.vue'
+import Toolbar from './components/Toolbar.vue'
 </script>
 
 <template>
@@ -19,10 +18,15 @@ import Footer from './components/Footer.vue'
 @import "node_modules/bootstrap/scss/_mixins.scss";
 
 #contentPane{
-
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
 }
 #content{
   position: relative;
+  flex:1;
+  width: 100%;
+  min-height: 100%;
 }
 
 @include media-breakpoint-between(xs, sm) {
diff --git a/src/components/Toolbar.vue b/src/components/Toolbar.vue
index 00a1ad1..020544a 100644
--- a/src/components/Toolbar.vue
+++ b/src/components/Toolbar.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="topbar">
     <img
-        class="toplogo"
+        id="toplogo"
         referrerpolicy="no-referrer"
         src="/toplogo.png"
     />
