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

.github/release-template.md

@@ -0,0 +1,7 @@
+## 🌈 Style
+
+#### 更符合 GitHub 风格
+
+## 🎈 Perf
+
+## 🐞 Fix

.github/release.md

@@ -2,8 +2,4 @@
 
 #### 更符合 GitHub 风格
 
-- 微调菜单项按钮样式
+- 增加克隆协议选择按钮样式
-- Actions 工作流日志页面与浏览器同宽
-- Actions 工作流日志页面样式同步
-- Actions 日志字体同步
-- 全局激活颜色和悬停颜色优化

src/actions.scss

@@ -38,11 +38,11 @@
 }
 
 .action-view-left.action-view-left {
-  width: 15.25%;
+  width: 16.5%;
 }
 
 .action-view-right.action-view-right {
-  width: 84.75%
+  width: 83.5%;
 }
 
 @media (max-width: 767.98px) {
@@ -105,7 +105,7 @@
 
 .action-view-right {
   margin-top: 16px;
-  min-height: calc(100vh - 275px);
+  min-height: calc(100vh - 245px);
 
   .job-info-header {
     padding: 16px 12px 16px 24px;

src/dropdown.scss

@@ -14,7 +14,7 @@
 
 // clone 下拉菜单
 .tippy-box {
-  margin-top: -6px;
+  margin-top: -3px;
   background: var(--color-box-header);
   border-radius: 12px;
   overflow: hidden;
@@ -35,11 +35,30 @@
     margin-left: 16px;
 
     button {
-      padding: 15px 12px;
+      color: #f0f6fc !important;
+      padding: 6px 8px;
+      margin: 8px 0;
+
+      &:hover {
+        background: var(--color-hover);
+        border-radius: var(--border-radius);
       }
 
-    .active {
+      &.active:after {
-      border-color: #f78166;
+        content: "";
+        display: block;
+        position: absolute;
+        bottom: -8px;
+        left: 0;
+        width: 100%;
+        height: 2px;
+        background: #f78166;
+      }
+    }
+
+    .item.active {
+      border-bottom: 0;
+      position: relative;
     }
   }
 

src/label.scss

@@ -9,14 +9,12 @@ a.ui.basic.label:hover {
   border-color: var(--color-light-border);
 }
 
-.ui.basic.label.not-mobile,
+span,
-.ui.basic.label.role-label,
+.secondary-nav .org-visibility div {
-.page-content.dashboard.feeds .ui.basic.label,
+  &.ui.basic.label {
-.page-content.explore .ui.basic.label,
-.page-content.organization .ui.basic.label,
-.admin-setting-content .ui.basic.label {
     border-radius: 25px;
     background-color: unset;
+  }
 }
 
 .badge.tw-bg-green,

src/repo.scss

@@ -41,7 +41,7 @@
         }
 
         &.muted:not(.tw-font-normal) {
-          font-weight: bold;
+          font-weight: 600;
         }
       }
     }
@@ -110,13 +110,7 @@
 
   // clone 按钮居中调整
   .repo-button-row .repo-button-row-right .ui.primary.button span {
-    display: flex;
+    margin: 0px 3px;
-    align-items: center;
-    justify-content: center;
-
-    svg {
-      margin-right: 0.5rem;
-    }
   }
 
   .repo-file-line {
@@ -229,7 +223,8 @@
           svg.svg {
             margin-right: 4px;
 
-            &.octicon-database{
+            &.octicon-database,
+            &.octicon-law {
               margin-right: 6px;
             }
           }

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;