同步分支菜单宽度

styles/components/filelist.ts

@@ -10,7 +10,7 @@ export const branchButton = css`
         border: 1px solid ${themeVars.color.light.border};
         margin-top: 1px;
         margin-left: auto;
-        margin-right: 16px; // gitea 有 RSS 留出足够的空间
+        margin-right: 20px; // gitea 有 RSS 留出足够的空间
       }
     }
   }
@@ -374,7 +374,7 @@ export const repoSidebarTop = css`
       .flex-item {
         padding: 10px 0 0 0;
         .flex-item-title {
-          margin-top: 2px;
+          margin-top: 4px;
         }
         .flex-item-body {
           padding: 8px 0 0 0;

styles/public/button.ts

@@ -97,13 +97,19 @@ export const fixButtonHeight = css`
     min-height: 26px;
     height: 32px;
   }
-  // 修复因上面小按钮高度导致仓库星标克隆等按钮高度过高
-  .ui.labeled.button > .label,
-  .ui.ui.ui.ui.small.button.compact {
-    height: 28px;
-    min-height: 28px;
+  // 修复仓库页仓库操作按钮高度对齐和修正
+  .repo-button-row .ui.button {
+    min-height: 32px;
   }
-  .ui.tiny.buttons .button,
+  // 修复因上面小按钮高度导致仓库星标克隆等按钮高度过高
+  .repo-header {
+    .ui.ui.ui.ui.small.compact.button,
+    .ui.labeled.button > .label {
+      height: 28px;
+      min-height: 28px;
+    }
+  }
+  .ui.ui.ui.ui.small.button.compact .ui.tiny.buttons .button,
   .ui.ui.ui.ui.tiny.button {
     min-height: 20px;
   }

styles/public/dropdown.ts

@@ -1,5 +1,6 @@
 import { animationDown, animationUp } from "src/core/theme";
-import { css, otherThemeVars, themeVars } from "src/types/vars";
+import { fallbackVar } from "src/functions";
+import { css, customThemeVars, otherThemeVars, themeVars } from "src/types/vars";
 import { activeItemAfterStyle } from "styles/public/menu";
 
 export const dropdown = css`
@@ -194,8 +195,12 @@ export const fixSelectionDropdown = css`
 
 // 分支菜单
 export const branchDropdown = css`
-  .ui.dropdown.branch-selector-dropdown .menu > .item {
-    animation: ${animationDown};
+  .ui.dropdown.branch-selector-dropdown > .menu {
+    width: ${fallbackVar(customThemeVars.branchMenuWidth, "320px")};
+    max-width: 640px;
+    > .item {
+      animation: ${animationDown};
+    }
   }
 `;