jerry/buzz
1
0
Fork 0
mirror of https://github.com/block/buzz.git synced 2026-11-13 12:51:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Polish desktop visual details (#1067)

Browse Source
This commit is contained in:
klopez4212
2026-06-16 17:06:12 +01:00
committed by GitHub
parent e3736f08b7
commit 9f99e62d40
68 changed files with 1122 additions and 668 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
desktop/src/features/workspaces/ui/WelcomeSetup.tsx
View File

@@ -363,7 +363,7 @@ export function WelcomeSetup({
{isConnecting ? (
<Spinner
aria-label="Joining workspace"
className="h-4 w-4"
className="h-4 w-4 border-2"
/>
) : (
"Join a workspace"

12
desktop/src/features/workspaces/ui/WorkspaceSwitcher.tsx
View File

@@ -174,7 +174,7 @@ export function WorkspaceSwitcher({
? `${activeWorkspace?.name ?? "Workspace"} — ${connectionLabel}`
: "Switch workspace"
}
className="flex w-full items-center gap-2 px-4 py-2 text-left text-sm text-popover-foreground outline-hidden transition-colors hover:bg-accent focus:bg-accent focus:outline-none focus-visible:bg-accent focus-visible:outline-none data-[state=open]:bg-accent data-[state=open]:text-popover-foreground"
className="flex w-full items-center gap-2 rounded-lg px-3 py-2 text-left text-sm text-popover-foreground outline-hidden transition-colors hover:bg-muted/50 focus:bg-muted/50 focus:outline-none focus-visible:bg-muted/50 focus-visible:outline-none data-[state=open]:bg-muted/50 data-[state=open]:text-popover-foreground"
data-testid="workspace-switcher"
onMouseEnter={() => scheduleProfileMenu(true)}
onMouseLeave={() => scheduleProfileMenu(false)}
@@ -186,7 +186,7 @@ export function WorkspaceSwitcher({
</PopoverTrigger>
<PopoverContent
align="end"
className="w-56 rounded-xl border border-border bg-popover p-1 shadow-lg"
className="w-60 p-1"
onMouseEnter={() => scheduleProfileMenu(true)}
onMouseLeave={() => scheduleProfileMenu(false)}
side="right"
@@ -195,11 +195,11 @@ export function WorkspaceSwitcher({
<div aria-label="Workspaces" role="menu">
{workspaces.map((workspace) => (
<div
className="group flex items-center rounded-xs transition-colors hover:bg-accent focus-within:bg-accent"
className="group flex min-h-9 items-center rounded-lg transition-colors hover:bg-muted/50 focus-within:bg-muted/50"
key={workspace.id}
>
<button
className="flex min-w-0 flex-1 items-center gap-2 px-2 py-1.5 text-left text-sm outline-hidden focus:outline-none"
className="flex min-h-9 min-w-0 flex-1 items-center gap-2 py-2 pl-2 pr-1 text-left text-sm outline-hidden focus:outline-none"
onClick={() => {
onSwitchWorkspace(workspace.id);
setDropdownOpen(false);
@@ -218,7 +218,7 @@ export function WorkspaceSwitcher({
</button>
<button
aria-label={`Edit ${workspace.name}`}
className="mr-1 flex h-5 w-5 shrink-0 items-center justify-center rounded opacity-0 hover:bg-accent group-hover:opacity-100 group-focus-within:opacity-100"
className="mr-1 flex h-5 w-5 shrink-0 items-center justify-center rounded opacity-0 hover:bg-muted/70 group-hover:opacity-100 group-focus-within:opacity-100"
onClick={(e) => {
e.stopPropagation();
setDropdownOpen(false);
@@ -232,7 +232,7 @@ export function WorkspaceSwitcher({
))}
<div className="-mx-1 my-1 h-px bg-muted" />
<button
className="flex w-full items-center gap-2 rounded-xs px-2 py-1.5 text-left text-sm outline-hidden transition-colors hover:bg-accent focus:bg-accent focus:outline-none focus-visible:bg-accent focus-visible:outline-none"
className="flex min-h-9 w-full items-center gap-2 rounded-lg py-2 pl-2 pr-4 text-left text-sm outline-hidden transition-colors hover:bg-muted/50 focus:bg-muted/50 focus:outline-none focus-visible:bg-muted/50 focus-visible:outline-none"
onClick={() => {
setDropdownOpen(false);
onAddWorkspace();