fix: make version and package select openable on mobile (#10684)

This commit is contained in:
GodderE2D
2025-01-05 17:59:15 +08:00
committed by GitHub
parent 0c9901e5e4
commit 28126cd375
4 changed files with 20 additions and 13 deletions

View File

@@ -68,7 +68,7 @@
"react-dom": "19.0.0-rc-f994737d14-20240522",
"sharp": "^0.33.5",
"usehooks-ts": "^3.1.0",
"vaul": "^0.9.9"
"vaul": "^1.1.2"
},
"devDependencies": {
"@shikijs/rehype": "^1.24.4",

View File

@@ -52,7 +52,7 @@ export function PackageSelect({ packageName }: { readonly packageName: string })
</Popover>
</Select>
<Vaul.NestedRoot open={open} onOpenChange={setOpen} dismissible={false}>
<Vaul.NestedRoot open={open} onOpenChange={setOpen}>
<Vaul.Trigger
aria-label="Open package select"
className="flex w-full place-content-between place-items-center rounded-md bg-neutral-200 p-2 dark:bg-neutral-800 md:hidden"

View File

@@ -59,7 +59,7 @@ export function VersionSelect({
</Popover>
</Select>
<Vaul.NestedRoot open={open} onOpenChange={setOpen} dismissible={false}>
<Vaul.NestedRoot open={open} onOpenChange={setOpen}>
<Vaul.Trigger
aria-label="Open version select"
className="flex w-full place-content-between place-items-center rounded-md bg-neutral-200 p-2 dark:bg-neutral-800 md:hidden"