@hilum/ui 3.6.9 → 3.6.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +15 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/dialog.tsx +10 -1
- package/src/lib/mobile-popper-sheet.ts +4 -2
package/package.json
CHANGED
|
@@ -159,7 +159,16 @@ function DialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>) {
|
|
|
159
159
|
}
|
|
160
160
|
|
|
161
161
|
function DialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>) {
|
|
162
|
-
return
|
|
162
|
+
return (
|
|
163
|
+
<div
|
|
164
|
+
className={cn(
|
|
165
|
+
"mt-6 flex justify-end gap-2",
|
|
166
|
+
"max-sm:flex-col-reverse max-sm:[&>*]:w-full",
|
|
167
|
+
className,
|
|
168
|
+
)}
|
|
169
|
+
{...props}
|
|
170
|
+
/>
|
|
171
|
+
);
|
|
163
172
|
}
|
|
164
173
|
|
|
165
174
|
const DialogTitle = forwardRef<
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
export const mobileDialogSheetContentClassName = [
|
|
2
2
|
"fixed inset-x-0 bottom-0 z-50 max-h-[calc(100dvh-1rem)] w-full overflow-y-auto",
|
|
3
|
-
"max-lg:!
|
|
3
|
+
"max-lg:!fixed max-lg:!inset-x-0 max-lg:!bottom-0 max-lg:!top-auto",
|
|
4
|
+
"max-lg:!w-full max-lg:!max-w-none max-lg:!max-h-[calc(100dvh-1rem)]",
|
|
5
|
+
"max-lg:!rounded-b-none max-lg:overscroll-contain",
|
|
4
6
|
"rounded-t-2xl border border-border bg-card p-6 shadow-elevated",
|
|
5
|
-
"max-lg
|
|
7
|
+
"max-lg:!px-5 max-lg:!pb-[calc(1.25rem+env(safe-area-inset-bottom))] max-lg:!pt-8",
|
|
6
8
|
"max-lg:before:absolute max-lg:before:left-1/2 max-lg:before:top-3 max-lg:before:h-1 max-lg:before:w-9",
|
|
7
9
|
"max-lg:before:-translate-x-1/2 max-lg:before:rounded-full max-lg:before:bg-muted-foreground/35",
|
|
8
10
|
].join(" ");
|