优化样式

src/components/MainLayout/MainLayout.vue

@@ -253,6 +253,7 @@ watch(
   right: 0;
   bottom: 0;
   z-index: auto;
+  min-height: 100vh;
 }
 /* home-header */
 .home-header {

src/features/OnlineExam/Examing/ExamingHome.vue

@@ -334,7 +334,7 @@ addInterval(() => checkRemoteApp(), 3 * 60 * 1000);
   grid-template-columns: 1fr 400px;
 
   height: 100vh;
-  width: 100vw;
+  /* width: 100vw; */
 }
 
 .header {

src/features/UserLogin/UserLogin.vue

@@ -355,7 +355,7 @@ function closeApp() {
 </script>
 
 <template>
-  <div class="tw-absolute tw-min-w-full">
+  <div class="tw-absolute tw-left-0 tw-right-0">
     <header class="header">
       <div class="school-logo-container">
         <img
@@ -466,10 +466,8 @@ function closeApp() {
     </div>
   </div>
 
-  <footer class="footer">
-    <div style="position: absolute; right: 20px; bottom: 20px">
-      版本: {{ VITE_GIT_REPO_VERSION }}
-    </div>
+  <footer class="tw-absolute tw-right-5 tw-bottom-5">
+    版本: {{ VITE_GIT_REPO_VERSION }}
   </footer>
   <GlobalNotice />
 </template>
@@ -513,7 +511,7 @@ function closeApp() {
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
-  width: 100vw;
+  width: 100%;
   min-height: 600px;
   display: flex;
   align-items: center;

src/styles/global.css

@@ -12,6 +12,7 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   user-select: none;
+  position: relative;
 }
 /* qm */
 .qm-primary-text {