mirror/formbricks-formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-04-24 06:28:49 -05:00
Code Issues Packages Projects Releases 100 Wiki Activity

fix add margins for survey modal FOR-596

Browse Source
This commit is contained in:
Matthias Nannt
2023-04-17 10:01:13 +02:00
parent 8ef8c93f3d
commit d6868c3d40
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/components/preview/Modal.tsx
+2 -2
View File
@@ -19,7 +19,7 @@ export default function Modal({
return (
<div aria-live="assertive" className="absolute inset-0 flex cursor-pointer items-end">
<div className="flex w-full flex-col items-center sm:items-end">
<div className="flex w-full flex-col items-center p-4 sm:items-end">
<div
className={cn(
show ? "opacity-100" : "opacity-0",
@@ -32,7 +32,7 @@ export default function Modal({
<div
className={cn(
show ? "translate-x-0 opacity-100" : "translate-x-28 opacity-0",
"pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg border-2 border-amber-400 bg-white px-4 py-6 shadow-lg ring-1 ring-black ring-opacity-5 transition-all duration-500 ease-in-out sm:p-6"
"pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg border-2 border-amber-400 bg-white px-4 py-6 shadow-lg ring-1 ring-black ring-opacity-5 transition-all duration-500 ease-in-out sm:p-6"
)}>
{children}
</div>
packages/js/src/components/Modal.tsx
+1 -1
View File
@@ -25,7 +25,7 @@ export default function Modal({
<div
className={cn(
show ? "fb-translate-x-0 fb-opacity-100" : "fb-translate-x-28 fb-opacity-0",
"fb-pointer-events-auto fb-relative fb-w-full fb-max-w-sm fb-overflow-hidden fb-rounded-lg fb-bg-white fb-shadow-lg fb-ring-1 fb-ring-black fb-ring-opacity-5 fb-transition-all fb-duration-500 fb-ease-in-out fb-z-40"
"fb-pointer-events-auto fb-relative fb-w-full fb-max-w-sm fb-overflow-hidden fb-rounded-lg fb-bg-white fb-shadow-lg fb-ring-1 fb-ring-black fb-ring-opacity-5 fb-transition-all fb-duration-500 fb-ease-in-out fb-z-40 fb-m-4"
)}>
<div class="fb-absolute fb-top-0 fb-right-0 fb-hidden fb-pt-4 fb-pr-4 sm:fb-block">
<button