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 字符),不需要很大 */