tiennm99/goclaw
1
0 Fork 0
mirror of https://github.com/tiennm99/goclaw.git synced 2026-10-13 20:14:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): sync topbar nav item font sizes to text-sm

Browse Source 
All topbar items (Documents, Language, Timezone, User menu) now use
text-sm consistently. Previously, non-select items used text-xs (12px)
while Select triggers inherited md:text-sm (14px) from the base
SelectTrigger component, causing a visible mismatch.
This commit is contained in:
viettranx committed 2026-03-23 23:41:10 +07:00
1 parent 0755df4998
commit e2dbd308f5
1 file changed
+4 -4
Download Patch File Download Diff File Expand all files Collapse all files
ui/web/src/components/layout/topbar.tsx
+4 -4
View File
@@ -54,7 +54,7 @@ export function Topbar() {
href="https://docs.goclaw.sh"
target="_blank"
rel="noopener noreferrer"
className="flex items-center gap-1 cursor-pointer rounded-md px-2 py-1.5 text-xs text-muted-foreground hover:bg-accent hover:text-accent-foreground"
className="flex items-center gap-1 cursor-pointer rounded-md px-2 py-1.5 text-sm text-muted-foreground hover:bg-accent hover:text-accent-foreground"
title={t("documents")}
>
<FileText className="h-4 w-4 shrink-0" />
@@ -64,7 +64,7 @@ export function Topbar() {
<Select value={language} onValueChange={(v) => setLanguage(v as Language)}>
<SelectTrigger
title={t("language")}
className="h-auto w-auto gap-1 border-0 bg-transparent px-2 py-1.5 text-xs text-muted-foreground shadow-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-0 dark:bg-transparent dark:hover:bg-accent **:data-radix-select-icon:hidden"
className="h-auto w-auto gap-1 border-0 bg-transparent px-2 py-1.5 text-sm text-muted-foreground shadow-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-0 dark:bg-transparent dark:hover:bg-accent **:data-radix-select-icon:hidden"
>
<Globe className="h-4 w-4 shrink-0" />
<span className="hidden sm:inline"><SelectValue /></span>
@@ -79,7 +79,7 @@ export function Topbar() {
<Select value={timezone} onValueChange={setTimezone}>
<SelectTrigger
title={t("timezone")}
className="h-auto w-auto gap-1 border-0 bg-transparent px-2 py-1.5 text-xs text-muted-foreground shadow-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-0 dark:bg-transparent dark:hover:bg-accent **:data-radix-select-icon:hidden"
className="h-auto w-auto gap-1 border-0 bg-transparent px-2 py-1.5 text-sm text-muted-foreground shadow-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-0 dark:bg-transparent dark:hover:bg-accent **:data-radix-select-icon:hidden"
>
<Clock className="h-4 w-4 shrink-0" />
<span className="hidden sm:inline"><SelectValue /></span>
@@ -133,7 +133,7 @@ function UserMenu() {
<Popover.Root open={open} onOpenChange={setOpen}>
<Popover.Trigger asChild>
<button
className="flex cursor-pointer items-center gap-1.5 rounded-md px-2 py-1.5 text-xs text-muted-foreground hover:bg-accent hover:text-accent-foreground"
className="flex cursor-pointer items-center gap-1.5 rounded-md px-2 py-1.5 text-sm text-muted-foreground hover:bg-accent hover:text-accent-foreground"
title={userId || t("logout")}
>
<User className="h-4 w-4 shrink-0" />