rayan/shadcn-ui
1
0
Fork 0
mirror of https://github.com/shadcn-ui/ui.git synced 2026-07-02 08:58:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: blocks

Browse Source
This commit is contained in:
shadcn
2024-10-18 00:54:19 +04:00
parent 35c1ba57c2
commit 123887c36c
12 changed files with 32 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/www/__registry__/default/v0/sidebar-07.tsx
View File

@@ -26,7 +26,6 @@ import {
Trash2,
} from "lucide-react"
import { useIsMobile } from "@/registry/default/hooks/use-mobile"
import {
Avatar,
AvatarFallback,
@@ -211,7 +210,6 @@ const data = {
}
export default function Page() {
const isMobile = useIsMobile()
const [activeTeam, setActiveTeam] = React.useState(data.teams[0])
return (
@@ -243,7 +241,7 @@ export default function Page() {
<DropdownMenuContent
className="w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg"
align="start"
side={isMobile ? "bottom" : "right"}
side="bottom"
sideOffset={4}
>
<DropdownMenuLabel className="text-xs text-muted-foreground">
@@ -333,8 +331,8 @@ export default function Page() {
</DropdownMenuTrigger>
<DropdownMenuContent
className="w-48 rounded-lg"
side={isMobile ? "bottom" : "right"}
align={isMobile ? "end" : "start"}
side="bottom"
align="end"
>
<DropdownMenuItem>
<Folder className="text-muted-foreground" />
@@ -391,7 +389,7 @@ export default function Page() {
</DropdownMenuTrigger>
<DropdownMenuContent
className="w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg"
side={isMobile ? "bottom" : "right"}
side="bottom"
align="end"
sideOffset={4}
>

9
apps/www/__registry__/default/v0/sidebar-08.tsx
View File

@@ -24,7 +24,6 @@ import {
Trash2,
} from "lucide-react"
import { useIsMobile } from "@/registry/default/hooks/use-mobile"
import {
Avatar,
AvatarFallback,
@@ -202,8 +201,6 @@ const data = {
}
export default function Page() {
const isMobile = useIsMobile()
return (
<SidebarProvider>
<Sidebar variant="inset">
@@ -289,8 +286,8 @@ export default function Page() {
</DropdownMenuTrigger>
<DropdownMenuContent
className="w-48"
side={isMobile ? "bottom" : "right"}
align={isMobile ? "end" : "start"}
side="bottom"
align="end"
>
<DropdownMenuItem>
<Folder className="text-muted-foreground" />
@@ -363,7 +360,7 @@ export default function Page() {
</DropdownMenuTrigger>
<DropdownMenuContent
className="w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg"
side={isMobile ? "bottom" : "right"}
side="bottom"
align="end"
sideOffset={4}
>

10
apps/www/__registry__/new-york/v0/sidebar-07.tsx
View File

@@ -26,7 +26,6 @@ import {
Trash2,
} from "lucide-react"
import { useIsMobile } from "@/registry/new-york/hooks/use-mobile"
import {
Avatar,
AvatarFallback,
@@ -211,7 +210,6 @@ const data = {
}
export default function Page() {
const isMobile = useIsMobile()
const [activeTeam, setActiveTeam] = React.useState(data.teams[0])
return (
@@ -243,7 +241,7 @@ export default function Page() {
<DropdownMenuContent
className="w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg"
align="start"
side={isMobile ? "bottom" : "right"}
side="bottom"
sideOffset={4}
>
<DropdownMenuLabel className="text-xs text-muted-foreground">
@@ -333,8 +331,8 @@ export default function Page() {
</DropdownMenuTrigger>
<DropdownMenuContent
className="w-48 rounded-lg"
side={isMobile ? "bottom" : "right"}
align={isMobile ? "end" : "start"}
side="bottom"
align="end"
>
<DropdownMenuItem>
<Folder className="text-muted-foreground" />
@@ -391,7 +389,7 @@ export default function Page() {
</DropdownMenuTrigger>
<DropdownMenuContent
className="w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg"
side={isMobile ? "bottom" : "right"}
side="bottom"
align="end"
sideOffset={4}
>

9
apps/www/__registry__/new-york/v0/sidebar-08.tsx
View File

@@ -24,7 +24,6 @@ import {
Trash2,
} from "lucide-react"
import { useIsMobile } from "@/registry/new-york/hooks/use-mobile"
import {
Avatar,
AvatarFallback,
@@ -202,8 +201,6 @@ const data = {
}
export default function Page() {
const isMobile = useIsMobile()
return (
<SidebarProvider>
<Sidebar variant="inset">
@@ -289,8 +286,8 @@ export default function Page() {
</DropdownMenuTrigger>
<DropdownMenuContent
className="w-48"
side={isMobile ? "bottom" : "right"}
align={isMobile ? "end" : "start"}
side="bottom"
align="end"
>
<DropdownMenuItem>
<Folder className="text-muted-foreground" />
@@ -363,7 +360,7 @@ export default function Page() {
</DropdownMenuTrigger>
<DropdownMenuContent
className="w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg"
side={isMobile ? "bottom" : "right"}
side="bottom"
align="end"
sideOffset={4}
>

2
apps/www/public/r/styles/default/v0-sidebar-07.json
View File

File diff suppressed because one or more lines are too long

2
apps/www/public/r/styles/default/v0-sidebar-08.json
View File

File diff suppressed because one or more lines are too long

2
apps/www/public/r/styles/new-york/v0-sidebar-07.json
View File

File diff suppressed because one or more lines are too long

2
apps/www/public/r/styles/new-york/v0-sidebar-08.json
View File

File diff suppressed because one or more lines are too long

10
apps/www/registry/default/v0/sidebar-07.tsx
View File

@@ -26,7 +26,6 @@ import {
Trash2,
} from "lucide-react"
import { useIsMobile } from "@/registry/default/hooks/use-mobile"
import {
Avatar,
AvatarFallback,
@@ -211,7 +210,6 @@ const data = {
}
export default function Page() {
const isMobile = useIsMobile()
const [activeTeam, setActiveTeam] = React.useState(data.teams[0])
return (
@@ -243,7 +241,7 @@ export default function Page() {
<DropdownMenuContent
className="w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg"
align="start"
side={isMobile ? "bottom" : "right"}
side="bottom"
sideOffset={4}
>
<DropdownMenuLabel className="text-xs text-muted-foreground">
@@ -333,8 +331,8 @@ export default function Page() {
</DropdownMenuTrigger>
<DropdownMenuContent
className="w-48 rounded-lg"
side={isMobile ? "bottom" : "right"}
align={isMobile ? "end" : "start"}
side="bottom"
align="end"
>
<DropdownMenuItem>
<Folder className="text-muted-foreground" />
@@ -391,7 +389,7 @@ export default function Page() {
</DropdownMenuTrigger>
<DropdownMenuContent
className="w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg"
side={isMobile ? "bottom" : "right"}
side="bottom"
align="end"
sideOffset={4}
>

9
apps/www/registry/default/v0/sidebar-08.tsx
View File

@@ -24,7 +24,6 @@ import {
Trash2,
} from "lucide-react"
import { useIsMobile } from "@/registry/default/hooks/use-mobile"
import {
Avatar,
AvatarFallback,
@@ -202,8 +201,6 @@ const data = {
}
export default function Page() {
const isMobile = useIsMobile()
return (
<SidebarProvider>
<Sidebar variant="inset">
@@ -289,8 +286,8 @@ export default function Page() {
</DropdownMenuTrigger>
<DropdownMenuContent
className="w-48"
side={isMobile ? "bottom" : "right"}
align={isMobile ? "end" : "start"}
side="bottom"
align="end"
>
<DropdownMenuItem>
<Folder className="text-muted-foreground" />
@@ -363,7 +360,7 @@ export default function Page() {
</DropdownMenuTrigger>
<DropdownMenuContent
className="w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg"
side={isMobile ? "bottom" : "right"}
side="bottom"
align="end"
sideOffset={4}
>

10
apps/www/registry/new-york/v0/sidebar-07.tsx
View File

@@ -26,7 +26,6 @@ import {
Trash2,
} from "lucide-react"
import { useIsMobile } from "@/registry/new-york/hooks/use-mobile"
import {
Avatar,
AvatarFallback,
@@ -211,7 +210,6 @@ const data = {
}
export default function Page() {
const isMobile = useIsMobile()
const [activeTeam, setActiveTeam] = React.useState(data.teams[0])
return (
@@ -243,7 +241,7 @@ export default function Page() {
<DropdownMenuContent
className="w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg"
align="start"
side={isMobile ? "bottom" : "right"}
side="bottom"
sideOffset={4}
>
<DropdownMenuLabel className="text-xs text-muted-foreground">
@@ -333,8 +331,8 @@ export default function Page() {
</DropdownMenuTrigger>
<DropdownMenuContent
className="w-48 rounded-lg"
side={isMobile ? "bottom" : "right"}
align={isMobile ? "end" : "start"}
side="bottom"
align="end"
>
<DropdownMenuItem>
<Folder className="text-muted-foreground" />
@@ -391,7 +389,7 @@ export default function Page() {
</DropdownMenuTrigger>
<DropdownMenuContent
className="w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg"
side={isMobile ? "bottom" : "right"}
side="bottom"
align="end"
sideOffset={4}
>

9
apps/www/registry/new-york/v0/sidebar-08.tsx
View File

@@ -24,7 +24,6 @@ import {
Trash2,
} from "lucide-react"
import { useIsMobile } from "@/registry/new-york/hooks/use-mobile"
import {
Avatar,
AvatarFallback,
@@ -202,8 +201,6 @@ const data = {
}
export default function Page() {
const isMobile = useIsMobile()
return (
<SidebarProvider>
<Sidebar variant="inset">
@@ -289,8 +286,8 @@ export default function Page() {
</DropdownMenuTrigger>
<DropdownMenuContent
className="w-48"
side={isMobile ? "bottom" : "right"}
align={isMobile ? "end" : "start"}
side="bottom"
align="end"
>
<DropdownMenuItem>
<Folder className="text-muted-foreground" />
@@ -363,7 +360,7 @@ export default function Page() {
</DropdownMenuTrigger>
<DropdownMenuContent
className="w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg"
side={isMobile ? "bottom" : "right"}
side="bottom"
align="end"
sideOffset={4}
>