chore: rename some layout components; 🐶

src/components/menu/SideMenu.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-layout-sider :class="[theme, 'sider', isMobile ? null : 'shadow']" width="256px" :collapsible="collapsible" v-model="collapsed" :trigger="null">
+  <a-layout-sider :class="[theme, 'side', isMobile ? null : 'shadow']" width="256px" :collapsible="collapsible" v-model="collapsed" :trigger="null">
     <div :class="['logo', theme]">
       <router-link to="/dashboard/workplace">
         <img src="@/assets/img/logo.png">
@@ -14,7 +14,7 @@
 import IMenu from './menu'
 import {mapState, mapMutations} from 'vuex'
 export default {
-  name: 'SiderMenu',
+  name: 'SideMenu',
   components: {IMenu},
   inject: ['menuI18n'],
   props: {
@@ -54,7 +54,7 @@ export default {
   .shadow{
     box-shadow: 2px 0 6px rgba(0,21,41,.35);
   }
-  .sider{
+  .side{
     z-index: 10;
     &.light{
       background-color: #fff;

src/components/setting/Setting.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-layout-sider class="sider" width="300">
+  <a-layout-sider class="side" width="300">
     <setting-item :title="$t('theme.title')">
       <img-checkbox-group @change="values => setTheme(values[0])">
         <img-checkbox :title="$t('theme.dark')" img="https://gw.alipayobjects.com/zos/rmsportal/LCkqqYNmvBEbokSDscrm.svg" :checked="true" value="dark"/>
@@ -139,7 +139,7 @@ export default {
 </script>
 
 <style lang="less" scoped>
-  .sider{
+  .side{
     background-color: #fff;
     height: 100%;
     padding: 24px;

src/components/tool/Drawer.vue

@@ -116,9 +116,6 @@ export default {
         transform: translateX(100%);
       }
     }
-    .sider{
-      height: 100%;
-    }
   }
   .content{
     display: inline-block;