mirror/formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-03-13 11:09:29 -05:00
Code Issues Packages Projects Releases 138 Wiki Activity

fix: increase card size for link surveys (#4285)

Browse Source 
Co-authored-by: Johannes <72809645+jobenjada@users.noreply.github.com>
Co-authored-by: Johannes <johannes@formbricks.com>
This commit is contained in:
Dhruwang Jariwala
2024-11-12 07:46:51 +05:30
committed by GitHub
parent b35b82f4ee
commit c450c35baf
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/app/s/[surveyId]/components/LinkSurveyWrapper.tsx
View File

@@ -1,6 +1,6 @@
import { LegalFooter } from "@/app/s/[surveyId]/components/LegalFooter";
import { SurveyLoadingAnimation } from "@/app/s/[surveyId]/components/SurveyLoadingAnimation";
import React, { useState } from "react";
import { useState } from "react";
import { cn } from "@formbricks/lib/cn";
import { TProduct, TProductStyling } from "@formbricks/types/product";
import { TSurvey, TSurveyStyling } from "@formbricks/types/surveys/types";
@@ -61,9 +61,9 @@ export const LinkSurveyWrapper = ({
<div>
<SurveyLoadingAnimation survey={survey} isBackgroundLoaded={isBackgroundLoaded} />
<MediaBackground survey={survey} product={product} onBackgroundLoaded={handleBackgroundLoaded}>
<div className="flex max-h-dvh min-h-dvh items-end justify-center overflow-clip md:items-center">
<div className="flex max-h-dvh min-h-dvh items-end justify-center overflow-clip sm:items-center">
{!styling.isLogoHidden && product.logo?.url && <ClientLogo product={product} />}
<div className="h-full w-full space-y-6 p-0 md:max-w-md">
<div className="h-full w-full space-y-6 p-0 sm:max-w-lg">
{isPreview && (
<div className="fixed left-0 top-0 flex w-full items-center justify-between bg-slate-600 p-2 px-4 text-center text-sm text-white shadow-sm">
<div />

4
packages/surveys/src/components/general/Survey.tsx
View File

@@ -409,7 +409,7 @@ export const Survey = ({
<AutoCloseWrapper survey={localSurvey} onClose={onClose} offset={offset}>
<div
className={cn(
"fb-no-scrollbar md:fb-rounded-custom fb-rounded-t-custom fb-bg-survey-bg fb-flex fb-h-full fb-w-full fb-flex-col fb-justify-between fb-overflow-hidden fb-transition-all fb-duration-1000 fb-ease-in-out",
"fb-no-scrollbar sm:fb-rounded-custom fb-rounded-t-custom fb-bg-survey-bg fb-flex fb-h-full fb-w-full fb-flex-col fb-justify-between fb-overflow-hidden fb-transition-all fb-duration-1000 fb-ease-in-out",
cardArrangement === "simple" ? "fb-survey-shadow" : "",
offset === 0 || cardArrangement === "simple" ? "fb-opacity-100" : "fb-opacity-0"
)}>
@@ -430,7 +430,7 @@ export const Survey = ({
)}>
{content()}
</div>
<div className="fb-mx-6 fb-mb-10 fb-mt-2 fb-space-y-3 md:fb-mb-6 md:fb-mt-6">
<div className="fb-mx-6 fb-mb-10 fb-mt-2 fb-space-y-3 sm:fb-mb-6 sm:fb-mt-6">
{isBrandingEnabled && <FormbricksBranding />}
{showProgressBar && <ProgressBar survey={localSurvey} questionId={questionId} />}
</div>

2
packages/ui/components/PreviewSurvey/index.tsx
View File

@@ -385,7 +385,7 @@ export const PreviewSurvey = ({
<ClientLogo environmentId={environment.id} product={product} previewSurvey />
)}
</div>
<div className="z-0 w-full max-w-md rounded-lg border-transparent">
<div className="z-0 w-full max-w-lg rounded-lg border-transparent">
<SurveyInline
survey={{ ...survey, type: "link" }}
isBrandingEnabled={product.linkSurveyBranding}