1.23

src/dropdown.scss

@@ -12,6 +12,62 @@
   }
 }
 
+// clone 下拉菜单
+.tippy-box {
+  margin-top: -6px;
+  background: var(--color-box-header);
+  border-radius: 12px;
+  overflow: hidden;
+  box-shadow: 0px 0px 0px 0.5px #30363d, 0px 6px 12px -3px rgba(1, 4, 9, 0.4), 0px 6px 18px 0px rgba(1, 4, 9, 0.4);
+  animation: 200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running overlay-appear;
+
+  .clone-panel-field {
+    margin-top: 16px;
+  }
+
+  .flex-text-block.clone-panel-field {
+    color: #fff;
+    font-weight: bold;
+    margin-left: 16px;
+  }
+
+  .clone-panel-tab {
+    margin-left: 16px;
+
+    button {
+      padding: 15px 12px;
+    }
+
+    .active {
+      border-color: #f78166;
+    }
+  }
+
+  .flex-items-block {
+    margin: 0;
+
+    .item {
+      display: block;
+      padding: 11px 16px;
+      text-align: left;
+      text-transform: none;
+      line-height: 1em;
+      margin: 0;
+
+      svg {
+        margin-right: 0.5rem;
+      }
+    }
+
+    > .item:hover {
+      color: var(--color-text);
+      text-decoration: none;
+      background: var(--color-hover);
+    }
+  }
+}
+
+// 下拉菜单
 .ui.dropdown .menu {
   margin-top: 3.75px !important;
   border-radius: 12px !important;
@@ -51,6 +107,7 @@
 }
 
 // 按钮菜单选项(主要为仓库)
+.tippy-box .flex-items-block,
 .ui.dropdown > .visible.menu .scrolling.menu,
 .ui.button.dropdown .menu {
   .item {

src/release.scss

@@ -6,7 +6,6 @@
 
   .ui.small.primary.button {
     background-color: var(--color-button);
-    font-size: 14px;
 
     &:hover {
       background-color: #262c36;
@@ -23,10 +22,6 @@
 .page-content.repository.tags,
 .page-content.repository.releases {
   .ui.small.menu {
-    .item {
-      font-size: 14px;
-    }
-
     .active.item {
       color: #fff;
       background: #1f6feb !important;

src/repo.scss

@@ -102,11 +102,22 @@
 
 // 仓库文件&提交列表
 .page-content.repository {
-  tr.commit-list {
+  // clone 按钮居中调整
+  .repo-button-row .repo-button-row-right .ui.primary.button span {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    svg {
+      margin-right: 0.5rem;
+    }
+  }
+
+  .repo-file-line {
     height: 3.725rem;
   }
 
-  .commit-list .latest-commit {
+  #repo-files-table .latest-commit {
     .commit-summary {
       color: #9198a1;
     }
@@ -130,9 +141,9 @@
     }
   }
 
-  .tw-flex,
-  .commit-list {
-    .tw-align-middle:not(img) {
+  .commit-list,
+  #repo-files-table {
+    .flex-text-inline:not(img) {
       padding: 6px;
       border-radius: var(--border-radius);
       margin-right: 6px;
@@ -146,16 +157,12 @@
 
 .repository.file.list {
   #repo-files-table {
-    tbody {
+    .repo-file-item {
       .svg.octicon-file-directory-fill,
       .svg.octicon-file-submodule {
         color: #7d8590;
       }
     }
-
-    tr:hover {
-      background-color: var(--color-box-header);
-    }
   }
 }
 

src/root.scss

@@ -9,12 +9,11 @@
 }
 
 .repository {
-  #commits-table,
-  #repo-files-table {
-    .text.right {
-      font-family: 'VictorMono NF', 'VictorMono Nerd Font', 'Maple Hand';
-      font-weight: bold !important;
-    }
+  #commits-table .text.right,
+  #repo-files-table .repo-file-cell.age,
+  #repo-files-table relative-time {
+    font-family: 'VictorMono NF', 'VictorMono Nerd Font', 'Maple Hand';
+    font-weight: bold !important;
   }
 }
 

src/transition.scss

@@ -12,6 +12,7 @@ details summary,
 .job-brief-item,
 .menu .item,
 .page-content.repository .flex-item .flex-item-title a,
+.tippy-box .flex-items-block .item,
 .ui.input > input,
 .ui.form input:not([type]),
 .ui.form select,