修复侧边栏样式

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,33 +283,35 @@ export default function () {
       logo={
         <>
           <Image preview={false} src="https://qn.whyour.cn/logo.png" />
-          <span className="title">青龙</span>
-          <a
-            href={systemInfo?.changeLogLink}
-            target="_blank"
-            rel="noopener noreferrer"
-            onClick={(e) => {
-              e.stopPropagation();
-            }}
-          >
-            <Tooltip
-              title={systemInfo?.branch === 'develop' ? '开发版' : '正式版'}
+          <div className="title">
+            <span className="title">青龙</span>
+            <a
+              href={systemInfo?.changeLogLink}
+              target="_blank"
+              rel="noopener noreferrer"
+              onClick={(e) => {
+                e.stopPropagation();
+              }}
             >
-              <Badge size="small" dot={systemInfo?.branch === 'develop'}>
-                <span
-                  style={{
-                    fontSize: isFirefox ? 9 : 12,
-                    color: '#666',
-                    marginLeft: 2,
-                    zoom: isSafari ? 0.66 : 0.8,
-                    letterSpacing: isQQBrowser ? -2 : 0,
-                  }}
-                >
-                  v{systemInfo?.version}
-                </span>
-              </Badge>
-            </Tooltip>
-          </a>
+              <Tooltip
+                title={systemInfo?.branch === 'develop' ? '开发版' : '正式版'}
+              >
+                <Badge size="small" dot={systemInfo?.branch === 'develop'}>
+                  <span
+                    style={{
+                      fontSize: isFirefox ? 9 : 12,
+                      color: '#666',
+                      marginLeft: 2,
+                      zoom: isSafari ? 0.66 : 0.8,
+                      letterSpacing: isQQBrowser ? -2 : 0,
+                    }}
+                  >
+                    v{systemInfo?.version}
+                  </span>
+                </Badge>
+              </Tooltip>
+            </a>
+          </div>
         </>
       }
       title={false}