fix: 移动端适配样式调整

src/layouts/BasicLayout.vue

@@ -312,7 +312,7 @@ document.addEventListener('visibilitychange', function () {
       <template #footerRender="{ width }">
         <footer class="footer">
           <div class="footer-fixed" :style="{ width }">
-            <div>
+            <div style="flex: 1;">
               <span>{{ appStore.copyright }}</span>
             </div>
             <a-space direction="horizontal" :size="8">
@@ -364,7 +364,7 @@ document.addEventListener('visibilitychange', function () {
 .footer {
   z-index: 16;
   margin: 0px;
-  width: auto;
+  width: auto; 
   margin-top: 52px;
   &-fixed {
     position: fixed;
@@ -379,6 +379,7 @@ document.addEventListener('visibilitychange', function () {
     background: #fff;
     box-shadow: 0 1px 4px #0015291f;
     transition: background 0.3s, width 0.2s;
+    height: 32px;
   }
 
   & #serverTimeDom {

src/layouts/components/RightContent.vue

@@ -6,7 +6,6 @@ import useI18n from '@/hooks/useI18n';
 import useAppStore from '@/store/modules/app';
 import useUserStore from '@/store/modules/user';
 import useAlarmStore from '@/store/modules/alarm';
-import { sessionGet } from '@/utils/cache-session-utils';
 const { isFullscreen, toggle } = useFullscreen();
 const { t, changeLocale, optionsLocale } = useI18n();
 const userStore = useUserStore();