Merge pull request #25 from ShanghaitechGeekPie/Fix_Banner

fixed the z-index of the activity banner
ShanghaitechGeekPie · Jul 1, 2024 · 4c8d2d3 · 4c8d2d3
2 parents 25a2775 + 5166343
commit 4c8d2d3
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/components/global/ActivityBanner.vue b/src/components/global/ActivityBanner.vue
@@ -5,6 +5,7 @@
       'background-color': $vuetify.theme.dark ? '#2a4165' : '#e8f0fe',
     }"
     v-if="Enable"
+    style="z-index: 2;"
   >
     <div class="d-flex justify-center flex-column">
       <div class="text-body-1 primary--text">

diff --git a/src/components/global/MenuSideBar.vue b/src/components/global/MenuSideBar.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-navigation-drawer v-model="menuBarStatus.drawer" absolute>
+  <v-navigation-drawer v-model="menuBarStatus.drawer" fixed>
     <v-list nav dense>
       <v-list-item-group
         v-model="model"
@@ -26,7 +26,7 @@
             最近评价
           </v-list-item-title>
         </v-list-item>
-        <v-list-item to="/ranking" v-if="$vuetify.breakpoint.smAndDown">
+        <v-list-item to="/ranking" v-if="$vuetify.breakpoint.lgAndDown">
           <v-list-item-title
             plain
             tile

diff --git a/src/composables/global/useMenuBar.js b/src/composables/global/useMenuBar.js
@@ -14,7 +14,7 @@ export default () => {
 
   const updateMenuStatus = () => {
     menuBarStatus.drawer =
-      window.innerWidth >= 960 ? false : menuBarStatus.drawer;
+      window.innerWidth >= 600 ? false : menuBarStatus.drawer;
   };
 
   return { menuBarStatus };