fix: colorWeak overflow #694

Author: sendya

src/App.vue

@@ -22,8 +22,3 @@ export default {
   }
 }
 </script>
-<style>
-  #app {
-    height: 100%;
-  }
-</style>

src/components/SettingDrawer/SettingDrawer.vue

@@ -1,11 +1,13 @@
 <template>
-  <div class="setting-drawer" ref="settingDrawer">
+  <div class="setting-drawer">
     <a-drawer
       width="300"
       placement="right"
       @close="onClose"
       :closable="false"
       :visible="visible"
+      :drawer-style="{ position: 'absolute' }"
+      style="position: absolute"
     >
       <div class="setting-drawer-index-content">
 

src/components/SettingDrawer/settingConfig.js

@@ -101,7 +101,8 @@ const updateTheme = primaryColor => {
 
 const updateColorWeak = colorWeak => {
   // document.body.className = colorWeak ? 'colorWeak' : '';
-  colorWeak ? document.body.classList.add('colorWeak') : document.body.classList.remove('colorWeak')
+  const app = document.body.querySelector('#app')
+  colorWeak ? app.classList.add('colorWeak') : app.classList.remove('colorWeak')
 }
 
 export { updateTheme, colorList, updateColorWeak }

src/components/global.less

@@ -2,6 +2,12 @@
 
 body {
 
+
+}
+
+#app {
+  height: 100%;
+
   &.colorWeak {
     filter: invert(80%);
   }