mirror/formbricks-formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-02-13 10:09:45 -06:00
Code Issues Packages Projects Releases 100 Wiki Activity

responsivenes scale

Browse Source
This commit is contained in:
knugget
2023-01-26 13:18:56 +01:00
parent 28b004e2fe
commit bbe573ec6f
2 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
apps/formbricks-com/components/engine/Scale.tsx
View File

@@ -39,27 +39,27 @@ export default function Scale({ element, control, onSubmit, disabled }: IconRadi
element.frontend.max &&
element.frontend.min &&
element.frontend.max - element.frontend.min + 1 >= 11
? "lg:grid-cols-11"
? "grid-cols-11"
: element.frontend.max - element.frontend.min + 1 === 10
? "lg:grid-cols-10"
? "grid-cols-10"
: element.frontend.max - element.frontend.min + 1 === 9
? "lg:grid-cols-9"
? "grid-cols-9"
: element.frontend.max - element.frontend.min + 1 === 8
? "lg:grid-cols-8"
? "grid-cols-8"
: element.frontend.max - element.frontend.min + 1 === 7
? "lg:grid-cols-7"
? "grid-cols-7"
: element.frontend.max - element.frontend.min + 1 === 6
? "lg:grid-cols-6"
? "grid-cols-6"
: element.frontend.max - element.frontend.min + 1 === 5
? "lg:grid-cols-5"
? "grid-cols-5"
: element.frontend.max - element.frontend.min + 1 === 4
? "lg:grid-cols-4"
? "grid-cols-4"
: element.frontend.max - element.frontend.min + 1 === 3
? "lg:grid-cols-3"
? "grid-cols-3"
: element.frontend.max - element.frontend.min + 1 === 2
? "lg:grid-cols-2"
: "lg:grid-cols-1",
"mt-4 grid w-full gap-y-6 sm:gap-x-2"
? "grid-cols-2"
: "grid-cols-1",
"mt-4 grid w-full gap-x-1 sm:gap-x-2"
)}>
{Array.from(
{ length: element.frontend.max - element.frontend.min + 1 },
@@ -72,7 +72,7 @@ export default function Scale({ element, control, onSubmit, disabled }: IconRadi
clsx(
checked ? "border-transparent" : "border-gray-200 dark:border-slate-700",
active ? "border-brand ring-brand ring-2" : "",
"relative flex cursor-pointer rounded-lg border bg-white p-4 shadow-sm transition-all ease-in-out hover:scale-105 focus:outline-none dark:bg-slate-700"
"xs:rounded-lg relative flex cursor-pointer rounded-md border bg-white py-3 shadow-sm transition-all ease-in-out hover:scale-105 focus:outline-none dark:bg-slate-700 sm:p-4"
)
}>
{({ checked, active }) => (
@@ -105,7 +105,7 @@ export default function Scale({ element, control, onSubmit, disabled }: IconRadi
</RadioGroup.Option>
))}
</div>
<div className="mt-2 flex justify-between text-sm text-gray-700 dark:text-slate-400">
<div className="xs:text-sm mt-2 flex justify-between text-xs text-gray-700 dark:text-slate-400">
<p>{element.frontend.minLabel}</p>
<p>{element.frontend.maxLabel}</p>
</div>

8
apps/formbricks-com/components/engine/SurveyPage.tsx
View File

@@ -70,7 +70,7 @@ export function SurveyPage({
}),
]);
if (!res[0].ok || !res[1].ok) {
alert("There was an error sending this form. Please try again later.");
alert("There was an error sending this form. Please contact us at hola@formbricks.com");
return;
}
const submission = await res[0].json();
@@ -82,7 +82,7 @@ export function SurveyPage({
body: JSON.stringify({ data: partialSubmission }),
});
if (!res.ok) {
alert("There was an error sending this form. Please try again later.");
alert("There was an error sending this form. Please contact us at hola@formbricks.com");
return;
}
}
@@ -99,7 +99,7 @@ export function SurveyPage({
plausible(`waitlistSubmitPage-${page.id}`);
window.scrollTo(0, 0);
} catch (e) {
alert("There was an error sending this form. Please try again later.");
alert("There was an error sending this form. Please contact us at hola@formbricks.com");
}
};
@@ -133,7 +133,7 @@ export function SurveyPage({
})}
</div>
{!finished && (
<div className="mx-auto mt-8 flex w-full justify-end">
<div className="mx-auto mt-8 flex w-full max-w-xl justify-end">
{page.config?.allowSkip && (
<Button
variant="secondary"