Tailwind CSS 4 Migration (#100)

* Updated to TailwindCSS v4
* Moved CSS module to its own CSS file because of lightingcss strict validation
* Respect next parameter in middleware
* Updated all packages. 
* Split CSSs for better organization.
* Redesigned theme and auth pages
* Improved pill and header design
* Formatted files using Prettier
* Better footer layout
* Better auth layout
* Bump version of the repository to 2.0.0
This commit is contained in:
Giancarlo Buomprisco
2025-01-28 13:19:52 +07:00
committed by GitHub
parent d799f54ede
commit 4e91f267e0
109 changed files with 1347 additions and 1178 deletions

View File

@@ -35,7 +35,7 @@ const TableFooter: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({
}) => (
<tfoot
className={cn(
'border-t bg-muted/50 font-medium [&>tr]:last:border-b-0',
'bg-muted/50 border-t font-medium last:[&>tr]:border-b-0',
className,
)}
{...props}
@@ -49,7 +49,7 @@ const TableRow: React.FC<React.HTMLAttributes<HTMLTableRowElement>> = ({
}) => (
<tr
className={cn(
'border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted',
'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',
className,
)}
{...props}
@@ -63,7 +63,7 @@ const TableHead: React.FC<React.ThHTMLAttributes<HTMLTableCellElement>> = ({
}) => (
<th
className={cn(
'h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
'text-muted-foreground h-10 px-2 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
className,
)}
{...props}
@@ -90,7 +90,7 @@ const TableCaption: React.FC<React.HTMLAttributes<HTMLTableCaptionElement>> = ({
...props
}) => (
<caption
className={cn('mt-4 text-sm text-muted-foreground', className)}
className={cn('text-muted-foreground mt-4 text-sm', className)}
{...props}
/>
);