dmitry.galkin/chatbot-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Upgrade to Tailwind CSS v4 (#1173)

Browse source
This commit is contained in:
Brandon McConnell 2025-09-09 15:44:07 -04:00 • committed by GitHub
parent 4ce76987a1
commit 848205f5cb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
76 changed files with 1098 additions and 1050 deletions
Download patch file Download diff file Expand all files Collapse all files

14
components/sidebar-user-nav.tsx
View file

@ -36,10 +36,10 @@ export function SidebarUserNav({ user }: { user: User }) {
<DropdownMenu>
<DropdownMenuTrigger asChild>
{status === 'loading' ? (
<SidebarMenuButton className="data-[state=open]:bg-sidebar-accent bg-background data-[state=open]:text-sidebar-accent-foreground h-10 justify-between">
<SidebarMenuButton className="h-10 justify-between bg-background data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground">
<div className="flex flex-row gap-2">
<div className="size-6 bg-zinc-500/30 rounded-full animate-pulse" />
<span className="bg-zinc-500/30 text-transparent rounded-md animate-pulse">
<div className="size-6 animate-pulse rounded-full bg-zinc-500/30" />
<span className="animate-pulse rounded-md bg-zinc-500/30 text-transparent">
Loading auth status
</span>
</div>
@ -50,7 +50,7 @@ export function SidebarUserNav({ user }: { user: User }) {
) : (
<SidebarMenuButton
data-testid="user-nav-button"
className="data-[state=open]:bg-sidebar-accent bg-background data-[state=open]:text-sidebar-accent-foreground h-10"
className="h-10 bg-background data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
>
<Image
src={`https://avatar.vercel.sh/${user.email}`}
@ -69,12 +69,14 @@ export function SidebarUserNav({ user }: { user: User }) {
<DropdownMenuContent
data-testid="user-nav-menu"
side="top"
className="w-[--radix-popper-anchor-width]"
className="w-(--radix-popper-anchor-width)"
>
<DropdownMenuItem
data-testid="user-nav-item-theme"
className="cursor-pointer"
onSelect={() => setTheme(resolvedTheme === 'dark' ? 'light' : 'dark')}
onSelect={() =>
setTheme(resolvedTheme === 'dark' ? 'light' : 'dark')
}
>
{`Toggle ${resolvedTheme === 'light' ? 'dark' : 'light'} mode`}
</DropdownMenuItem>