mirror/formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-01-21 03:09:54 -06:00
Code Issues Packages Projects Releases 118 Wiki Activity

fix widget styling, add z-index, remove env to fix vercel error

Browse Source
This commit is contained in:
Matthias Nannt
2023-04-14 16:56:07 +02:00
parent b28fad2ffa
commit e6d091d35e
5 changed files with 6 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
apps/web/.env
View File

@@ -1 +0,0 @@
../../.env

2
apps/web/components/preview/Modal.tsx
View File

@@ -18,7 +18,7 @@ export default function Modal({
}, [isOpen]);
return (
<div aria-live="assertive" className="absolute inset-0 flex cursor-pointer items-end px-4 py-6 sm:p-6">
<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={cn(

2
packages/js/src/components/Headline.tsx
View File

@@ -12,7 +12,7 @@ export default function Headline({
return (
<label
htmlFor={questionId}
className="fb-block fb-text-base fb-font-semibold fb-leading-6 fb-mr-8 text-slate-900"
className="fb-mb-1.5 fb-block fb-text-base fb-font-semibold fb-leading-6 fb-mr-8 text-slate-900"
style={style}>
{headline}
</label>

6
packages/js/src/components/Modal.tsx
View File

@@ -20,14 +20,12 @@ export default function Modal({
setShow(isOpen);
}, [isOpen]);
return (
<div
aria-live="assertive"
className="fb-pointer-events-none fb-fixed fb-inset-0 fb-flex fb-items-end fb-px-4 fb-py-6 sm:fb-p-6 z-50">
<div aria-live="assertive" className="fb-pointer-events-none fb-fixed fb-inset-0 fb-flex fb-items-end">
<div className="fb-flex fb-w-full fb-flex-col fb-items-center fb-space-y-4 sm:fb-items-end">
<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-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 z-40"
)}>
<div class="fb-absolute fb-top-0 fb-right-0 fb-hidden fb-pt-4 fb-pr-4 sm:fb-block">
<button

6
packages/js/src/components/SurveyView.tsx
View File

@@ -80,7 +80,7 @@ export default function SurveyView({ config, survey, close, brandColor }: Survey
<div
className={cn(
loadingElement ? "fb-animate-pulse fb-opacity-60" : "",
"fb-p-4 fb-text-slate-800 fb-font-sans"
"fb-text-slate-800 fb-font-sans fb-px-4 fb-py-6 sm:fb-p-6"
)}>
{progress === 100 && survey.thankYouCard.enabled ? (
<ThankYouCard
@@ -108,9 +108,7 @@ export default function SurveyView({ config, survey, close, brandColor }: Survey
/>
) : null}
</div>
<div className="fb-mt-2">
<Progress progress={progress} brandColor={brandColor} />
</div>
<Progress progress={progress} brandColor={brandColor} />
</div>
);
}