优化仪表板动态信息间隔

.github/release.md

@@ -28,6 +28,7 @@
 - 同步通知页面样式
 - 优化仪表板的仓库组织切换按钮样式
 - 同步仓库已标星的星星颜色
+- 优化仪表板动态信息间隔
 
 ### 🐞 Fix
 
@@ -38,6 +39,7 @@
 - 取消修改编辑器字体大小, 避免光标错位
 - 修复文件预览时文件树右边框过粗
 - 修复提交列表尾行圆角
+- 修复 wiki 页面和组织页面的用户下拉菜单的圆角问题
 
 ## 📃 English (From AI)
 

styles/components/dashboard.ts

@@ -22,8 +22,9 @@ export const dashboard = css`
           display: none;
         }
         &:not(.active) {
-          margin: 4px !important;
-          width: calc(50% - 8px);
+          border-radius: ${otherThemeVars.border.radius};
+          margin: 6px !important;
+          width: calc(50% - 12px);
           &:hover {
             background: ${themeVars.github.control.transparent.bgColor.hover};
           }

styles/components/heatmap.ts

@@ -74,7 +74,11 @@ export const activity = css`
       }
       > .flex-item-main {
         gap: 8px !important;
-
+        > div:not([class]) {
+          display: flex;
+          gap: 8px;
+          flex-wrap: wrap;
+        }
         relative-time {
           color: ${themeVars.color.text.light.num1};
         }

styles/components/notification.ts

@@ -4,48 +4,6 @@ import { css, otherThemeVars, themeVars } from "src/types/vars";
 export const notification = css`
   .page-content.user.notification {
     > .ui.container {
-      // 应只选中订阅/关注页面, 不能选中通知页面
-      &:has(.flex-list) {
-        // 订阅/关注切换菜单
-        .ui.compact.small.menu.small-menu-items {
-          background: ${themeVars.color.hover.self} !important;
-          border: 0;
-          font-size: 14px;
-          gap: 8px;
-          > .item {
-            background: unset !important;
-            border: 1px solid ${themeVars.color.hover.self};
-            border-radius: ${otherThemeVars.border.radius};
-            padding: 6px 12px !important;
-            &.active {
-              background: ${themeVars.color.menu} !important;
-              border-color: ${themeVars.color.light.border};
-              font-weight: 600;
-            }
-            &::before {
-              display: none;
-            }
-            &:not(.active) {
-              // padding 纵向数值 + top 数值 = 8px 就居中
-              // 不明白啥原理, 反正 height 设为 100% 就可以了
-              top: 4px;
-              padding: 4px 12px !important;
-              height: 100%;
-              // 该方案只适用于 2 个 item 的情况
-              // left / right 数值为 gap 数值的一半
-              &:first-child {
-                left: 4px;
-              }
-              &:last-child {
-                right: 4px;
-              }
-              &:hover {
-                background: ${themeVars.github.control.transparent.bgColor.hover} !important;
-              }
-            }
-          }
-        }
-      }
       > .ui.attached.segment {
         border: 0;
         padding: 0;

styles/public/dropdown.ts

@@ -78,6 +78,14 @@ export const dropdown = css`
       margin-bottom: 4px !important;
     }
   }
+  // 修复 wiki 的页面下拉菜单圆角
+  .ui.floating.dropdown > .menu {
+    border-radius: 12px !important;
+  }
+  // 修复嵌套菜单的圆角问题, wiki 页面和组织页面的用户下拉菜单
+  .ui.dropdown .menu .scrolling.menu {
+    border-radius: 0 0 12px 12px !important;
+  }
   // 修复下拉菜单元素溢出问题
   // 用户菜单
   .user-menu>.item,

styles/public/menu.ts

@@ -236,3 +236,53 @@ export const paginationMenu = css`
     }
   }
 `;
+
+// 单行双选项菜单
+export const smallCompactMenu = css`
+  // 订阅/关注切换菜单(应只选中订阅/关注页面, 不能选中通知页面)
+  .page-content.user.notification > .ui.container:has(.flex-list),
+  // 里程碑/标签切换菜单(里程碑页)
+  .page-content.repository.milestones .list-header,
+  // 里程碑/标签切换菜单(标签页)
+  .page-content.repository.labels .issue-navbar {
+    .ui.compact.small.menu.small-menu-items {
+      background: ${themeVars.color.hover.self} !important;
+      border: 0;
+      font-size: 14px;
+      gap: 8px;
+      height: 32px;
+      min-height: 32px !important;
+      > .item {
+        background: unset !important;
+        border: 1px solid ${themeVars.color.hover.self};
+        border-radius: ${otherThemeVars.border.radius};
+        padding: 6px 12px !important;
+        &.active {
+          background: ${themeVars.color.menu} !important;
+          border-color: ${themeVars.color.light.border};
+          font-weight: 600;
+        }
+        &::before {
+          display: none;
+        }
+        &:not(.active) {
+          top: 4px;
+          padding: 4px 12px !important;
+          height: calc(100% - 8px);
+          position: relative;
+          // 该方案只适用于 2 个 item 的情况
+          // left / right 数值为 gap 数值的一半
+          &:first-child {
+            left: 4px;
+          }
+          &:last-child {
+            right: 4px;
+          }
+          &:hover {
+            background: ${themeVars.github.control.transparent.bgColor.hover} !important;
+          }
+        }
+      }
+    }
+  }
+`;