From e85208dc0fb334139bd636f09ddc9ab52e38b910 Mon Sep 17 00:00:00 2001 From: Nixevol Date: Mon, 25 May 2026 14:57:42 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=20Token=20=E5=88=97?= =?UTF-8?q?=E8=A1=A8=E6=98=BE=E7=A4=BA=E5=B8=83=E5=B1=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/project_context.md | 1 + frontend/src/components/ApiTokenManager.vue | 4 +++- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/docs/project_context.md b/docs/project_context.md index 4f05679..02528dd 100644 --- a/docs/project_context.md +++ b/docs/project_context.md @@ -533,3 +533,4 @@ - `frontend/src/components/ApiTokenManager.vue` renders Token values as a compact row with right-side icon buttons: an eye button toggles masked/full Token display, and a copy button copies the complete Token directly from the row. - The per-row operation dropdown now keeps edit, enable/disable, regenerate, and delete actions; copying is surfaced beside the Token value for faster repeated use. - Build verification: `npm run build` passed with only the existing Vite large chunk warning. +- Follow-up UI adjustment: the eye/copy buttons now sit immediately after the Token text instead of being pushed to the far right, and Token rows show `created_at` in the metadata area. diff --git a/frontend/src/components/ApiTokenManager.vue b/frontend/src/components/ApiTokenManager.vue index 45dd588..f435662 100644 --- a/frontend/src/components/ApiTokenManager.vue +++ b/frontend/src/components/ApiTokenManager.vue @@ -75,6 +75,7 @@
+ 创建：{{ formatDateTime(token.created_at) }} 到期：{{ formatExpiration(token.expires_at) }} 最近使用：{{ formatDateTime(token.last_used_at) }} 来源：{{ token.last_used_from }} @@ -564,7 +565,8 @@ function formatDateInput(date: Date): string { .api-token-value { min-width: 0; - flex: 1; + max-width: min(72ch, 100%); + flex: 0 1 auto; overflow: hidden; color: var(--td-text-color-secondary); font-family: var(--td-font-family-mono);