增加克隆协议选择按钮样式

Author: lutinglt

.github/release.md

@@ -2,12 +2,4 @@
 
 #### 更符合 GitHub 风格
 
-## 🎈 Perf
-
-- 优化 Action 日志左侧栏宽度 `Gitea 会显示运行时长, 留给作业名称足够的长度`
-
-## 🐞 Fix
-
-- 修复侧边栏协议对齐
-- 修复克隆面板按钮弹跳
-- 修复仓库/用户/组织标签风格不统一
+- 增加克隆协议选择按钮样式

src/dropdown.scss

@@ -35,12 +35,30 @@
     margin-left: 16px;
 
     button {
-      padding: 15px 12px;
-      transition: none;
+      color: #f0f6fc !important;
+      padding: 6px 8px;
+      margin: 8px 0;
+
+      &:hover {
+        background: var(--color-hover);
+        border-radius: var(--border-radius);
+      }
+
+      &.active:after {
+        content: "";
+        display: block;
+        position: absolute;
+        bottom: -8px;
+        left: 0;
+        width: 100%;
+        height: 2px;
+        background: #f78166;
+      }
     }
 
     .item.active {
-      border-bottom: 2px solid #f78166;
+      border-bottom: 0;
+      position: relative;
     }
   }
 

src/root.scss

@@ -210,7 +210,7 @@
   --color-light: #00000028;
   --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
   --color-light-border: #3d444d;
-  --color-hover: #1e242a;
+  --color-hover: #656c7633;
   --color-active: #161a21;
   --color-menu: #0d1117;
   --color-card: #0d1117;