diff --git a/src/App.vue b/src/App.vue
index c69e4ad..520ed8b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -677,7 +677,7 @@ useAutoRefresh(load, { isLoading: () => loading.value })
-
+
diff --git a/src/style.css b/src/style.css
index 2aeffac..e23bde3 100644
--- a/src/style.css
+++ b/src/style.css
@@ -143,13 +143,14 @@ h1 {
border: 1px solid var(--line);
border-radius: 10px;
gap: 2px;
+ height: 40px;
}
.period-switch button {
border: 0;
background: transparent;
color: var(--muted);
- padding: 7px 18px;
+ padding: 0 18px;
border-radius: 7px;
min-width: 56px;
font-size: 14px;
@@ -173,9 +174,11 @@ h1 {
background: #fff;
border: 1px solid var(--line);
border-radius: 10px;
- padding: 7px 10px;
+ padding: 0 12px;
color: var(--muted);
font-size: 12px;
+ height: 40px;
+ box-sizing: border-box;
}
.date-field input {
@@ -189,12 +192,15 @@ h1 {
.refresh {
display: inline-flex;
align-items: center;
+ justify-content: center;
border: 1px solid var(--line);
background: #fff;
color: var(--text);
border-radius: 10px;
- padding: 8px 14px;
+ padding: 0 14px;
font-size: 14px;
+ height: 40px;
+ box-sizing: border-box;
transition: border-color 0.15s ease, color 0.15s ease;
}
@@ -504,10 +510,16 @@ table.rank > tbody > tr.user-row > td.share-col {
justify-content: flex-start;
}
-/* 请求列与 Token / 输入输出同为数值列,交给 auto 平分剩余空间,
- 避免固定宽度截断大数(近30天请求数可达百万级千分位) */
+/* 请求列定宽:千分位整数(如 123,456,789)内容约占 9 位。
+ 固定宽度避免与 Token/输入输出列平分剩余空间,消除数字右对齐造成的空旷间距。
+ 空间让给左侧 Token 列(auto 吸收剩余) */
table.rank .col-requests {
- width: auto;
+ width: 112px;
+}
+
+/* 输入/输出列定宽:数值带单位(万/亿)较紧凑,固定宽度同样防止平分撑宽 */
+table.rank .col-io {
+ width: 118px;
}
/* 时间列定宽:精准时间形如「MM-DD HH:MM」(10 字符),不需要很大 */