fix: object fit for logo on welcome card (#1835)

Co-authored-by: pandeymangg <anshuman.pandey9999@gmail.com>
formbricks · Dec 28, 2023 · 8a4ceae · 8a4ceae · vercel · Dec 28, 2023
1 parent d91e1cc
commit 8a4ceae
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/...(app)/environments/[environmentId]/surveys/[surveyId]/edit/components/EditWelcomeCard.tsx b/...(app)/environments/[environmentId]/surveys/[surveyId]/edit/components/EditWelcomeCard.tsx
@@ -109,6 +109,7 @@ export default function EditWelcomeCard({
                   updateSurvey({ fileUrl: url[0] });
                 }}
                 fileUrl={localSurvey?.welcomeCard?.fileUrl}
+                imageFit="contain"
               />
             </div>
             <div className="mt-3">

diff --git a/packages/ui/FileInput/index.tsx b/packages/ui/FileInput/index.tsx
@@ -23,6 +23,7 @@ interface FileInputProps {
   onFileUpload: (uploadedUrl: string[] | undefined) => void;
   fileUrl?: string | string[];
   multiple?: boolean;
+  imageFit?: "cover" | "contain";
 }
 
 interface SelectedFile {
@@ -38,6 +39,7 @@ const FileInput: React.FC<FileInputProps> = ({
   onFileUpload,
   fileUrl,
   multiple = false,
+  imageFit = "cover",
 }) => {
   const [selectedFiles, setSelectedFiles] = useState<SelectedFile[]>([]);
 
@@ -252,7 +254,7 @@ const FileInput: React.FC<FileInputProps> = ({
                   src={selectedFiles[0].url}
                   alt={selectedFiles[0].name}
                   fill
-                  style={{ objectFit: "cover" }}
+                  style={{ objectFit: imageFit }}
                   quality={100}
                   className={!selectedFiles[0].uploaded ? "opacity-50" : ""}
                 />