Kieran/zap.stream
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: modal position (mobile)

Browse Source 
closes #154
This commit is contained in:
kieran 2024-07-18 14:18:36 +01:00
parent b033370322
commit c4ab8beccd
No known key found for this signature in database
GPG Key ID: DE71CEB3925BE941
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/element/modal.tsx
View File

@ -52,7 +52,7 @@ export default function Modal(props: ModalProps) {
classNames( classNames(
"relative bg-layer-1 p-8 transition max-xl:rounded-t-3xl xl:rounded-3xl max-xl:mt-auto xl:my-auto max-lg:w-full", "relative bg-layer-1 p-8 transition max-xl:rounded-t-3xl xl:rounded-3xl max-xl:mt-auto xl:my-auto max-lg:w-full",
{ {
"max-xl:translate-y-0": props.ready ?? true, "max-xl:-translate-y-[calc(100vh-100dvh)]": props.ready ?? true,
"max-xl:translate-y-[50vh]": !(props.ready ?? true), "max-xl:translate-y-[50vh]": !(props.ready ?? true),
"lg:w-[500px]": !(props.largeModal ?? false), "lg:w-[500px]": !(props.largeModal ?? false),
"lg:w-[80vw]": props.largeModal ?? false, "lg:w-[80vw]": props.largeModal ?? false,