update cursor rule

This commit is contained in:
Maze Winther 2026-03-02 10:32:46 +01:00
parent 77a3708213
commit 7bd0b43746
1 changed files with 8 additions and 0 deletions

View File

@ -54,6 +54,14 @@ Review every point below carefully to ensure files follow consistent code style
## Tailwind & Styling
- [ ] Always use `cn()` for `className` — never string interpolation with `${}` or ternaries inline
```tsx
// ❌ wrong
className={`base-class ${isActive && "active"} ${someHelper()}`}
// ✅ correct
className={cn("base-class", isActive && "active", someHelper())}
```
- [ ] Use `gap-*` instead of `mb-*` or `mt-*` for consistent spacing
- [ ] Use `size-*` instead of `h-* w-*` when width and height are the same
- [ ] When using `size-*` on icons inside `<Button>`, use `!` modifier to override default `size-4`