YuzuZensai/VRC-Circle
1
0
Fork 0
mirror of https://github.com/YuzuZensai/VRC-Circle.git synced 2026-09-13 19:08:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

♻️ refactor: Refine Account Switcher button and status dot styling

Browse Source
This commit is contained in:
yuzu
2026-06-28 00:32:17 +07:00
parent a4f052727a
commit 0ef23dcb3b
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/src/features/auth/AccountSwitcher.tsx
+4 -6
View File
@@ -32,10 +32,8 @@ export function AccountSwitcher() {
{open ? <div className="fixed inset-0 z-40" onClick={close} /> : null} {open ? <div className="fixed inset-0 z-40" onClick={close} /> : null}
<button <button
className={`acct__current group/trigger flex w-full items-center gap-2.5 rounded-DEFAULT border bg-surface-2 py-1.5 pl-1.5 pr-2.5 transition-[background,border-color,box-shadow] duration-[var(--dur)] ease-[var(--ease)] hover:border-border-strong hover:bg-surface-hover ${ className={`acct__current group/trigger flex w-full items-center gap-2.5 rounded-DEFAULT py-1.5 pl-1.5 pr-2.5 transition-[background,color] duration-[var(--dur)] ease-[var(--ease)] hover:bg-surface-2 ${
open open ? "bg-surface-2" : ""
? "border-accent bg-surface-hover shadow-[0_0_0_3px_var(--accent-weak)]"
: "border-border"
}`} }`}
onClick={() => setOpen((v) => !v)} onClick={() => setOpen((v) => !v)}
aria-expanded={open} aria-expanded={open}
@@ -44,9 +42,9 @@ export function AccountSwitcher() {
<Avatar src={active?.userIcon} name={active?.displayName} size={32} /> <Avatar src={active?.userIcon} name={active?.displayName} size={32} />
<StatusDot <StatusDot
color={statusMeta[status].color} color={statusMeta[status].color}
ring="var(--surface-2)" ring="var(--surface)"
title={statusMeta[status].label} title={statusMeta[status].label}
className="absolute -bottom-px -right-px transition-[border-color] duration-[var(--dur)] group-hover/trigger:border-[var(--surface-hover)] group-aria-expanded/trigger:border-[var(--surface-hover)]" className="absolute -bottom-px -right-px transition-[border-color] duration-[var(--dur)] group-hover/trigger:border-[var(--surface-2)] group-aria-expanded/trigger:border-[var(--surface-2)]"
/> />
</span> </span>
<span className="acct__current-text flex min-w-0 flex-1 flex-col"> <span className="acct__current-text flex min-w-0 flex-1 flex-col">