julienfroidefond/fintrack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: remove transition effects from various components for improved performance and consistency

Browse Source
This commit is contained in:
Julien Froidefond
2025-12-20 11:02:11 +01:00
parent 4445a38380
commit dff2a9061f
16 changed files with 44 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/categories/category-card.tsx
View File

@@ -25,7 +25,7 @@ export function CategoryCard({
const isMobile = useIsMobile();
return (
<div className="flex items-center justify-between py-1.5 px-2 rounded hover:bg-muted/50 transition-colors group">
<div className="flex items-center justify-between py-1.5 px-2 rounded group">
<div className="flex items-center gap-2 min-w-0 flex-1">
<div
className="w-4 h-4 md:w-5 md:h-5 rounded-full flex items-center justify-center shrink-0"
@@ -59,7 +59,7 @@ export function CategoryCard({
)}
</div>
<div className="flex items-center shrink-0 opacity-0 group-hover:opacity-100 md:opacity-100 transition-opacity">
<div className="flex items-center shrink-0 opacity-0 group-hover:opacity-100 md:opacity-100">
<Button
variant="ghost"
size="icon"

2
components/categories/parent-category-row.tsx
View File

@@ -57,7 +57,7 @@ export function ParentCategoryRow({
<Collapsible open={isExpanded} onOpenChange={onToggleExpanded}>
<div className="flex items-center justify-between px-2 md:px-3 py-1.5 md:py-2">
<CollapsibleTrigger asChild>
<button className="flex items-center gap-1.5 md:gap-2 hover:opacity-80 transition-opacity flex-1 min-w-0">
<button className="flex items-center gap-1.5 md:gap-2 hover:opacity-80 flex-1 min-w-0">
{isExpanded ? (
<ChevronDown className="w-3 h-3 md:w-4 md:h-4 text-muted-foreground shrink-0" />
) : (