feat(05-02): remove hardcoded rounded-* from CategorySection, ChartEmptyState, QuickAddPicker

- CategorySection: remove rounded-md from collapsible trigger button
- ChartEmptyState: remove rounded-lg from empty state border container
- QuickAddPicker: remove rounded-sm from picker item buttons
- QuickAddPicker: remove rounded-full from category dot indicator
This commit is contained in:
2026-04-20 17:12:03 +02:00
parent e8f13c91c6
commit e7282fa3d6
3 changed files with 4 additions and 4 deletions

View File

@@ -153,7 +153,7 @@ export default function QuickAddPicker({ budgetId }: QuickAddPickerProps) {
type="button" type="button"
role="option" role="option"
aria-selected={false} aria-selected={false}
className="flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring" className="flex w-full items-center gap-2 px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
onClick={() => handlePickItem(item)} onClick={() => handlePickItem(item)}
> >
{item.icon && ( {item.icon && (
@@ -198,7 +198,7 @@ export default function QuickAddPicker({ budgetId }: QuickAddPickerProps) {
<SelectGroup key={type}> <SelectGroup key={type}>
<SelectLabel className="flex items-center gap-1.5"> <SelectLabel className="flex items-center gap-1.5">
<div <div
className="size-2 rounded-full" className="size-2"
style={{ backgroundColor: categoryColors[type] }} style={{ backgroundColor: categoryColors[type] }}
/> />
{t(`categories.types.${type}`)} {t(`categories.types.${type}`)}

View File

@@ -70,7 +70,7 @@ export function CategorySection({
<Collapsible open={open} onOpenChange={onOpenChange}> <Collapsible open={open} onOpenChange={onOpenChange}>
<CollapsibleTrigger asChild> <CollapsibleTrigger asChild>
<button <button
className="group flex w-full items-center gap-3 rounded-md border-l-4 bg-card px-4 py-3 text-left hover:bg-muted/40 transition-colors" className="group flex w-full items-center gap-3 border-l-4 bg-card px-4 py-3 text-left hover:bg-muted/40 transition-colors"
style={{ borderLeftColor: categoryColors[type] }} style={{ borderLeftColor: categoryColors[type] }}
> >
<ChevronRight <ChevronRight

View File

@@ -9,7 +9,7 @@ export function ChartEmptyState({ message, className }: ChartEmptyStateProps) {
return ( return (
<div <div
className={cn( className={cn(
"flex min-h-[250px] w-full items-center justify-center rounded-lg border border-dashed border-muted-foreground/20 bg-muted/30", "flex min-h-[250px] w-full items-center justify-center border border-dashed border-muted-foreground/20 bg-muted/30",
className className
)} )}
> >