From 2b862b9b3ff454e95d99f7ac51e4eee95911f4a9 Mon Sep 17 00:00:00 2001
From: haojin111 <63215848+haojin111@users.noreply.github.com>
Date: Sat, 26 Mar 2022 23:33:10 +0800
Subject: [PATCH] fix: maximize file import card when git import card is not
 available

---
 .../src/pages/Applications/ImportApplicationModal.tsx    | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/client/src/pages/Applications/ImportApplicationModal.tsx b/app/client/src/pages/Applications/ImportApplicationModal.tsx
index 2b5ac9e029..220a0f6e0b 100644
--- a/app/client/src/pages/Applications/ImportApplicationModal.tsx
+++ b/app/client/src/pages/Applications/ImportApplicationModal.tsx
@@ -74,8 +74,8 @@ const Row = styled.div`
   justify-content: space-between;
 `;
 
-const FileImportCard = styled.div`
-  width: 320px;
+const FileImportCard = styled.div<{ gitEnabled?: boolean }>`
+  width: ${(props) => (props.gitEnabled ? "320px" : "100%")};
   height: 200px;
   border: 1px solid ${Colors.GREY_4};
   display: flex;
@@ -281,7 +281,10 @@ function ImportApplicationModal(props: ImportApplicationModalProps) {
         </Text>
       </TextWrapper>
       <Row>
-        <FileImportCard className="t--import-json-card">
+        <FileImportCard
+          className="t--import-json-card"
+          gitEnabled={isGitImportFeatureEnabled}
+        >
           <FilePickerV2
             containerClickable
             description={createMessage(IMPORT_APP_FROM_FILE_MESSAGE)}