diff --git a/src/components/quota/QuotaSection.tsx b/src/components/quota/QuotaSection.tsx index 23b6983..ab7fcf9 100644 --- a/src/components/quota/QuotaSection.tsx +++ b/src/components/quota/QuotaSection.tsx @@ -211,6 +211,8 @@ export function QuotaSection({ ); + const isRefreshing = sectionLoading || loading; + return ( ({ variant="secondary" size="sm" onClick={handleRefresh} - disabled={disabled || sectionLoading || loading || filteredFiles.length === 0} - loading={sectionLoading || loading} + disabled={disabled || isRefreshing || filteredFiles.length === 0} + loading={isRefreshing} title={t('quota_management.refresh_files_and_quota')} + aria-label={t('quota_management.refresh_files_and_quota')} > - - {!sectionLoading && !loading && } - {t('quota_management.refresh_files_and_quota')} - + {!isRefreshing && } } diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json index 8d369b7..d79fdb6 100644 --- a/src/i18n/locales/en.json +++ b/src/i18n/locales/en.json @@ -713,7 +713,7 @@ "title": "Quota Management", "description": "Monitor OAuth quota status for Antigravity, Codex, and Gemini CLI credentials.", "refresh_files": "Refresh auth files", - "refresh_files_and_quota": "Refresh auth files & page quota" + "refresh_files_and_quota": "Refresh files & quota" }, "system_info": { "title": "Management Center Info", diff --git a/src/i18n/locales/zh-CN.json b/src/i18n/locales/zh-CN.json index 256848d..e836991 100644 --- a/src/i18n/locales/zh-CN.json +++ b/src/i18n/locales/zh-CN.json @@ -713,7 +713,7 @@ "title": "配额管理", "description": "集中查看 OAuth 额度与剩余情况", "refresh_files": "刷新认证文件", - "refresh_files_and_quota": "刷新认证文件列表&当前页额度" + "refresh_files_and_quota": "刷新认证文件&额度" }, "system_info": { "title": "管理中心信息", diff --git a/src/pages/QuotaPage.module.scss b/src/pages/QuotaPage.module.scss index 4474fe6..a515471 100644 --- a/src/pages/QuotaPage.module.scss +++ b/src/pages/QuotaPage.module.scss @@ -31,6 +31,14 @@ gap: $spacing-sm; flex-wrap: wrap; align-items: center; + + :global(.btn-sm) { + line-height: 16px; + } + + :global(svg) { + display: block; + } } .titleWrapper { @@ -136,13 +144,6 @@ align-items: center; } -.refreshButtonContent { - display: inline-flex; - align-items: center; - gap: $spacing-xs; - white-space: nowrap; -} - .antigravityCard { background-image: linear-gradient(180deg, rgba(224, 247, 250, 0.12),