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:
@@ -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}`)}
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user