style(layout): 调整侧边栏 logo 样式

- 修改 Logo 组件，增加响应式布局
- 调整 Sidebar 组件中 logo 的上下间距- 注释掉 Logo 组件中的固定宽度和行高，以适应响应式布局

src/views/app/layout/components/Sidebar/Logo.vue

@@ -1,7 +1,12 @@
 <template>
   <div class="sidebar-logo-container" :class="{ collapse: collapse }">
     <transition name="sidebarLogoFade">
-      <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
+      <router-link
+        v-if="collapse"
+        key="collapse"
+        class="sidebar-logo-link"
+        to="/"
+      >
         <img v-if="logo" :src="logo" class="sidebar-logo" />
         <h1 v-else class="sidebar-title">{{ title }}</h1>
       </router-link>
@@ -44,8 +49,8 @@ export default {
 
 .sidebar-logo-container {
   position: relative;
-  width: 60px;
+  //width: 60px;
-  line-height: 50px;
+  //line-height: 50px;
   /*background: #2b2f3a;*/
   text-align: center;
   overflow: hidden;

src/views/app/layout/components/Sidebar/Sidebar.vue

@@ -259,7 +259,7 @@ export default {
   padding-bottom: 16px;
   .logo {
     margin-top: 30px;
-    margin-bottom: 40px;
+    margin-bottom: 20px;
   }
   &:after {
     content: ' ';