p-sw/pswui-docs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: update drawer to latest

Browse Source 
this update allows drawer to support native scrolling, with touch scrolling in mobile device
This commit is contained in:
p-sw 2024-06-22 07:43:47 +09:00
parent 7b8d306649
commit cc495be879
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/pswui/components/Drawer.tsx
View File

@ -146,7 +146,7 @@ const drawerContentColors = {
}; };
const [drawerContentVariant, resolveDrawerContentVariantProps] = vcn({ const [drawerContentVariant, resolveDrawerContentVariantProps] = vcn({
base: `fixed ${drawerContentColors.background} ${drawerContentColors.border} transition-all p-4 flex flex-col justify-between gap-8`, base: `fixed ${drawerContentColors.background} ${drawerContentColors.border} transition-all p-4 flex flex-col justify-between gap-8 overflow-auto`,
variants: { variants: {
position: { position: {
top: "top-0 inset-x-0 w-full max-w-screen rounded-t-lg border-b-2", top: "top-0 inset-x-0 w-full max-w-screen rounded-t-lg border-b-2",
@ -155,7 +155,7 @@ const [drawerContentVariant, resolveDrawerContentVariantProps] = vcn({
right: "right-0 inset-y-0 h-screen rounded-r-lg border-l-2", right: "right-0 inset-y-0 h-screen rounded-r-lg border-l-2",
}, },
opened: { opened: {
true: "touch-none", true: "",
false: false:
"[&.top-0]:-translate-y-full [&.bottom-0]:translate-y-full [&.left-0]:-translate-x-full [&.right-0]:translate-x-full", "[&.top-0]:-translate-y-full [&.bottom-0]:translate-y-full [&.left-0]:-translate-x-full [&.right-0]:translate-x-full",
}, },