📦 Upgrade tailwind and start using size utility (#989)

This commit is contained in:
Luke Vella 2024-01-19 14:43:09 +07:00 committed by GitHub
parent 048c475cf7
commit d0b359afaf
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
80 changed files with 177 additions and 170 deletions

View file

@ -49,7 +49,7 @@ export const UserDropdown = ({ className }: { className?: string }) => {
<CurrentUserAvatar size="sm" className="-ml-1 shrink-0 " />
<span className="truncate">{user.name}</span>
</span>
<ChevronDown className="text-muted-foreground h-4 w-4" />
<ChevronDown className="text-muted-foreground size-4" />
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="end">
@ -67,7 +67,7 @@ export const UserDropdown = ({ className }: { className?: string }) => {
<DropdownMenuSeparator />
<DropdownMenuItem asChild={true}>
<Link href="/polls" className="flex items-center gap-x-2 sm:hidden">
<ListIcon className="text-muted-foreground h-4 w-4" />
<ListIcon className="text-muted-foreground size-4" />
<Trans i18nKey="polls" defaults="Polls" />
</Link>
</DropdownMenuItem>
@ -77,7 +77,7 @@ export const UserDropdown = ({ className }: { className?: string }) => {
href="/settings/profile"
className="flex items-center gap-x-2"
>
<UserIcon className="text-muted-foreground h-4 w-4" />
<UserIcon className="text-muted-foreground size-4" />
<Trans i18nKey="profile" defaults="Profile" />
</Link>
</DropdownMenuItem>
@ -87,7 +87,7 @@ export const UserDropdown = ({ className }: { className?: string }) => {
href="/settings/preferences"
className="flex items-center gap-x-2"
>
<Settings2Icon className="text-muted-foreground h-4 w-4" />
<Settings2Icon className="text-muted-foreground size-4" />
<Trans i18nKey="preferences" defaults="Preferences" />
</Link>
</DropdownMenuItem>
@ -97,7 +97,7 @@ export const UserDropdown = ({ className }: { className?: string }) => {
href="/settings/billing"
className="flex items-center gap-x-2"
>
<CreditCardIcon className="text-muted-foreground h-4 w-4" />
<CreditCardIcon className="text-muted-foreground size-4" />
<Trans i18nKey="Billing" defaults="Billing" />
</Link>
</DropdownMenuItem>
@ -109,7 +109,7 @@ export const UserDropdown = ({ className }: { className?: string }) => {
href="https://support.rallly.co"
className="flex items-center gap-x-2"
>
<LifeBuoyIcon className="text-muted-foreground h-4 w-4" />
<LifeBuoyIcon className="text-muted-foreground size-4" />
<Trans i18nKey="support" defaults="Support" />
</Link>
</DropdownMenuItem>
@ -120,7 +120,7 @@ export const UserDropdown = ({ className }: { className?: string }) => {
href="https://support.rallly.co/self-hosting/pricing"
className="flex items-center gap-x-2"
>
<GemIcon className="text-muted-foreground h-4 w-4" />
<GemIcon className="text-muted-foreground size-4" />
<Trans i18nKey="pricing" defaults="Pricing" />
</Link>
</DropdownMenuItem>
@ -132,7 +132,7 @@ export const UserDropdown = ({ className }: { className?: string }) => {
href="https://feedback.rallly.co"
className="flex items-center gap-x-2"
>
<MegaphoneIcon className="text-muted-foreground h-4 w-4" />
<MegaphoneIcon className="text-muted-foreground size-4" />
<Trans i18nKey="feedback" defaults="Feedback" />
</Link>
</DropdownMenuItem>
@ -141,13 +141,13 @@ export const UserDropdown = ({ className }: { className?: string }) => {
<IfGuest>
<DropdownMenuItem asChild={true}>
<LoginLink className="flex items-center gap-x-2">
<LogInIcon className="text-muted-foreground h-4 w-4" />
<LogInIcon className="text-muted-foreground size-4" />
<Trans i18nKey="login" defaults="login" />
</LoginLink>
</DropdownMenuItem>
<DropdownMenuItem asChild={true}>
<RegisterLink className="flex items-center gap-x-2">
<UserPlusIcon className="text-muted-foreground h-4 w-4" />
<UserPlusIcon className="text-muted-foreground size-4" />
<Trans i18nKey="createAnAccount" defaults="Register" />
</RegisterLink>
</DropdownMenuItem>
@ -158,7 +158,7 @@ export const UserDropdown = ({ className }: { className?: string }) => {
>
{/* Don't use signOut() from next-auth. It doesn't work in vercel-production env. I don't know why. */}
<a href="/logout">
<RefreshCcwIcon className="text-muted-foreground h-4 w-4" />
<RefreshCcwIcon className="text-muted-foreground size-4" />
<Trans i18nKey="forgetMe" />
</a>
</DropdownMenuItem>
@ -167,7 +167,7 @@ export const UserDropdown = ({ className }: { className?: string }) => {
<DropdownMenuItem asChild className="flex items-center gap-x-2">
{/* Don't use signOut() from next-auth. It doesn't work in vercel-production env. I don't know why. */}
<a href="/logout">
<LogOutIcon className="text-muted-foreground h-4 w-4" />
<LogOutIcon className="text-muted-foreground size-4" />
<Trans i18nKey="logout" />
</a>
</DropdownMenuItem>