diff options
| -rw-r--r-- | packages/app/src/pages/layout.tsx | 7 | ||||
| -rw-r--r-- | packages/ui/src/components/avatar.tsx | 2 |
2 files changed, 5 insertions, 4 deletions
diff --git a/packages/app/src/pages/layout.tsx b/packages/app/src/pages/layout.tsx index 2175f44c5..3a9f244cb 100644 --- a/packages/app/src/pages/layout.tsx +++ b/packages/app/src/pages/layout.tsx @@ -1008,9 +1008,10 @@ export default function Layout(props: ParentProps) { <button type="button" classList={{ - "flex items-center justify-center size-10 p-1 rounded-lg border transition-colors cursor-default": true, - "bg-transparent border-icon-strong-base hover:bg-surface-base-hover": selected(), - "bg-transparent border-transparent hover:bg-surface-base-hover hover:border-border-weak-base": !selected(), + "flex items-center justify-center size-10 p-1 rounded-lg overflow-hidden transition-colors cursor-default": true, + "bg-transparent border-2 border-icon-strong-base hover:bg-surface-base-hover": selected(), + "bg-transparent border border-transparent hover:bg-surface-base-hover hover:border-border-weak-base": + !selected(), }} onClick={() => navigateToProject(props.project.worktree)} > diff --git a/packages/ui/src/components/avatar.tsx b/packages/ui/src/components/avatar.tsx index ab7b0d0e2..9d124b56a 100644 --- a/packages/ui/src/components/avatar.tsx +++ b/packages/ui/src/components/avatar.tsx @@ -37,7 +37,7 @@ export function Avatar(props: AvatarProps) { }} > <Show when={src} fallback={split.fallback?.[0]}> - {(src) => <img src={src()} draggable={false} class="size-full object-cover" />} + {(src) => <img src={src()} draggable={false} class="size-full object-cover rounded-[inherit]" />} </Show> </div> ) |