修复侧边栏样式

src/layouts/index.less

@@ -333,6 +333,7 @@ select:-webkit-autofill:focus {
 
 .ant-pro-sider-logo {
   .title {
+    display: flex;
     height: 32px;
     margin: 0 5px;
     font-weight: 600;
@@ -340,6 +341,11 @@ select:-webkit-autofill:focus {
     line-height: 32px;
     vertical-align: middle;
     animation: pro-layout-title-hide 0.3s;
+
+    a {
+      display: inline-flex;
+      align-items: center;
+    }
   }
 
   img {
@@ -353,6 +359,10 @@ select:-webkit-autofill:focus {
     // 移动端logo被拉伸
     width: auto !important;
   }
+
+  .ant-image {
+    display: inline-flex;
+  }
 }
 
 pre {
@@ -396,3 +406,15 @@ pre {
 textarea.ant-input {
   word-break: break-all;
 }
+
+.ant-pro-sider-collapsed,
+body[data-mode='phone'] header {
+  .title {
+    display: none;
+  }
+}
+
+.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
+  box-shadow: none;
+  border-right: 1px solid #eee;
+}

src/layouts/index.tsx

@@ -283,6 +283,7 @@ export default function () {
       logo={
         <>
           <Image preview={false} src="https://qn.whyour.cn/logo.png" />
+          <div className="title">
             <span className="title">青龙</span>
             <a
               href={systemInfo?.changeLogLink}
@@ -310,6 +311,7 @@ export default function () {
                 </Badge>
               </Tooltip>
             </a>
+          </div>
         </>
       }
       title={false}