RomanNum3ral
/
whisper-money
mirror of https://github.com/whisper-money/whisper-money.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(accounts): align the narrow grip glyph with the icon it replaces 

GripVertical is narrower than the account type icon, so centered it
looked off. Nudge it to the right edge on the dashboard card (top-right)
and to the left edge on the accounts card (bottom-left).
This commit is contained in:
Víctor Falcón 2026-06-20 19:50:06 +02:00
parent 522199483c
commit a6cfb9194f
3 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
resources/js/components/accounts/account-list-card.tsx
View File

@ -440,7 +440,9 @@ export function AccountListCard({
)}
/>
{dragHandle && (
<span className="absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100">
// The grip glyph is narrower than the type icon;
// nudge it to the left edge to line up with it.
<span className="absolute inset-0 flex -translate-x-1 items-center justify-start opacity-0 transition-opacity group-hover:opacity-100">
{dragHandle}
</span>
)}

4
resources/js/components/dashboard/account-balance-card.tsx
View File

@ -205,7 +205,9 @@ export function AccountBalanceCard({
)}
/>
{dragHandle && (
<span className="absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100">
// The grip glyph is narrower than the type icon; nudge it
// to the right edge so it lines up with the icon it replaces.
<span className="absolute inset-0 flex translate-x-1 items-center justify-end opacity-0 transition-opacity group-hover:opacity-100">
{dragHandle}
</span>
)}

2
resources/js/components/ui/card.tsx
View File

@ -29,7 +29,7 @@ function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
return (
<div
data-slot="card-header"
className={cn("flex flex-col gap-1.5 px-6", className)}
className={cn("flex flex-col gap-1.5 px-5", className)}
{...props}
/>
)