Skip to content

Commit 601bf90

Browse files
committed
style(ui): 日期选择器弹层改用中性描边
覆盖 Popover 默认的琥珀色 border-2 与辉光,与下拉菜单的 border-border + shadow-md 观感对齐;时间区间与过期日期两处同步。
1 parent c52c24f commit 601bf90

2 files changed

Lines changed: 10 additions & 2 deletions

File tree

src/components/admin/key/sections/expiry-section.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -90,7 +90,11 @@ export function ExpirySection({ apiKey }: { apiKey: APIKeyResponse }) {
9090
</Button>
9191
</FormControl>
9292
</PopoverTrigger>
93-
<PopoverContent className="w-auto p-0" align="start">
93+
{/* 日期选择器弹层用中性描边(覆盖 Popover 默认的琥珀边框),与下拉菜单一致 */}
94+
<PopoverContent
95+
className="w-auto border border-border p-0 text-foreground shadow-[var(--vr-shadow-md)]"
96+
align="start"
97+
>
9498
<Calendar
9599
locale={dateLocale}
96100
mode="single"

src/components/dashboard/time-range-selector.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -182,7 +182,11 @@ export function TimeRangeSelector({
182182
{customLabel}
183183
</button>
184184
</PopoverTrigger>
185-
<PopoverContent className="w-auto p-0" align="end">
185+
{/* 日期选择器弹层用中性描边(覆盖 Popover 默认的琥珀边框),与下拉菜单一致 */}
186+
<PopoverContent
187+
className="w-auto border border-border p-0 text-foreground shadow-[var(--vr-shadow-md)]"
188+
align="end"
189+
>
186190
<div className="flex">
187191
<div className="flex flex-col gap-1 border-r border-divider p-3">
188192
<p className="type-label-medium mb-1 px-2 text-muted-foreground">

0 commit comments

Comments
 (0)