From a6c58cc4418c49e882e7c90f074299d63d24daff Mon Sep 17 00:00:00 2001 From: caigee-cmd <210803857+caigee-cmd@users.noreply.github.com> Date: Thu, 22 Oct 2026 10:59:46 +0800 Subject: [PATCH 1/9] style(console): fewer borders, unified type scale --- .../console-fewer-borders-type-scale.md | 7 ++ frontend/src/components/AddAccountModal.tsx | 30 ++++---- frontend/src/components/EndpointList.tsx | 12 +-- frontend/src/components/ModelDetailsModal.tsx | 24 +++--- frontend/src/components/VersionHistory.tsx | 4 +- .../src/components/account/AccountCard.tsx | 26 +++---- .../account/AccountCheckinRecordsModal.tsx | 8 +- .../components/account/AccountModelsModal.tsx | 18 ++--- .../components/account/EditAccountModal.tsx | 8 +- .../src/components/account/QuotaMeter.tsx | 12 +-- .../src/components/account/RuntimeMeter.tsx | 4 +- frontend/src/components/layout/AppHeader.tsx | 4 +- frontend/src/components/layout/AppSidebar.tsx | 20 ++--- frontend/src/components/motion/Toaster.tsx | 2 +- .../src/components/overview/TrafficChart.tsx | 10 +-- .../components/overview/TrafficChartEmpty.tsx | 2 +- frontend/src/components/ui/ConfirmDialog.tsx | 2 +- frontend/src/components/ui/EmptyPanel.tsx | 2 +- .../src/components/ui/FilterSearchSelect.tsx | 2 +- frontend/src/components/ui/FormRow.tsx | 2 +- frontend/src/components/ui/ListPager.tsx | 2 +- frontend/src/components/ui/OptionTiles.tsx | 4 +- frontend/src/components/ui/PageSkeletons.tsx | 42 +++++----- frontend/src/index.css | 77 ++++++++++++++----- frontend/src/pages/AccessPage.tsx | 48 ++++++------ frontend/src/pages/AccountsPage.tsx | 8 +- frontend/src/pages/KeysPage.tsx | 36 ++++----- frontend/src/pages/LoginPage.tsx | 6 +- frontend/src/pages/LogsPage.tsx | 54 ++++++------- frontend/src/pages/OverviewPage.tsx | 72 ++++++++--------- frontend/src/pages/ProvidersPage.tsx | 22 +++--- frontend/src/pages/SystemPage.tsx | 40 +++++----- ...t-Coc8DRxt.js => TrafficChart-Cqd96042.js} | 4 +- .../webui/static/assets/index-1pLtBCpA.css | 2 - .../{index-Cw2HWBTj.js => index-BSBCgRBC.js} | 6 +- .../webui/static/assets/index-COZjGyTe.css | 2 + internal/webui/static/index.html | 4 +- 37 files changed, 337 insertions(+), 291 deletions(-) create mode 100644 changelog/unreleased/console-fewer-borders-type-scale.md rename internal/webui/static/assets/{TrafficChart-Coc8DRxt.js => TrafficChart-Cqd96042.js} (98%) delete mode 100644 internal/webui/static/assets/index-1pLtBCpA.css rename internal/webui/static/assets/{index-Cw2HWBTj.js => index-BSBCgRBC.js} (79%) create mode 100644 internal/webui/static/assets/index-COZjGyTe.css diff --git a/changelog/unreleased/console-fewer-borders-type-scale.md b/changelog/unreleased/console-fewer-borders-type-scale.md new file mode 100644 index 00000000..d84baf02 --- /dev/null +++ b/changelog/unreleased/console-fewer-borders-type-scale.md @@ -0,0 +1,7 @@ +### English + +- Console: removed redundant nested borders (cards, tables, panels now separate by surface tone and spacing) and unified text sizes on a single type scale with one sans font. + +### 中文 + +- 控制台:去掉多余的嵌套线框(卡片、表格、面板改用底色与间距区分),并统一为一套字号层级和同一种无衬线字体。 diff --git a/frontend/src/components/AddAccountModal.tsx b/frontend/src/components/AddAccountModal.tsx index 3c66f815..234ec4ef 100644 --- a/frontend/src/components/AddAccountModal.tsx +++ b/frontend/src/components/AddAccountModal.tsx @@ -79,7 +79,7 @@ function AccountTypeSkeleton({ ariaLabel }: { ariaLabel: string }) { return (
{step === 'method' ? t('addAccountDesc') : (hint || t('addAccountDesc'))}
@@ -549,7 +549,7 @@ export function AddAccountModal({ isOpen, onClose, onAdded }: Props) { {typesLoading ? ({t('accountTypeHint')}
+{t('accountTypeHint')}
) : ({t('dropSystemPromptCreateHint')}
{isDone ?
{isDone ?