Fixed styling issues

ananya-agarwal · ananya-agarwal · commit a29b890d31d3 · 2025-06-19T13:04:28.000+05:30
diff --git a/desktop/core/src/desktop/js/apps/newimporter/ImporterFilePreview/EditColumns/EditColumnsModal.scss b/desktop/core/src/desktop/js/apps/newimporter/ImporterFilePreview/EditColumns/EditColumnsModal.scss
@@ -16,6 +16,10 @@
 
 @use 'variables' as vars;
 
+.ant-modal-content{
+  width: 800px;
+}
+
 .antd.cuix {
   .hue-importer-edit-columns-modal {
     &__input--name {
@@ -33,7 +37,7 @@
     }
 
     &__type-error {
-      color: red;
+      color: #ff0000;
       margin-bottom: 16px;
     }
   }
diff --git a/desktop/core/src/desktop/js/apps/newimporter/ImporterFilePreview/EditColumns/EditColumnsModal.tsx b/desktop/core/src/desktop/js/apps/newimporter/ImporterFilePreview/EditColumns/EditColumnsModal.tsx
@@ -188,7 +188,6 @@ const EditColumnsModal = ({
       okText={t('Done')}
       onOk={handleDone}
       className="hue-importer-edit-columns-modal"
-      width={800}
     >
       {typeError && <div className="hue-importer-edit-columns-modal__type-error">{typeError}</div>}
       <Table columns={modalColumns} dataSource={editRows} pagination={false} />

Original file line number	Diff line number	Diff line change
`@@ -16,6 +16,10 @@`
`16`	`16`
`17`	`17`	`@use 'variables' as vars;`
`18`	`18`
	`19`	`+.ant-modal-content{`
	`20`	`+ width: 800px;`
	`21`	`+}`
	`22`	`+`
`19`	`23`	`.antd.cuix {`
`20`	`24`	`.hue-importer-edit-columns-modal {`
`21`	`25`	`&__input--name {`
`@@ -33,7 +37,7 @@`
`33`	`37`	`}`
`34`	`38`
`35`	`39`	`&__type-error {`
`36`		`- color: red;`
	`40`	`+ color: #ff0000;`
`37`	`41`	`margin-bottom: 16px;`
`38`	`42`	`}`
`39`	`43`	`}`
Original file line number	Diff line number	Diff line change
`@@ -188,7 +188,6 @@ const EditColumnsModal = ({`
`188`	`188`	`okText={t('Done')}`
`189`	`189`	`onOk={handleDone}`
`190`	`190`	`className="hue-importer-edit-columns-modal"`
`191`		`- width={800}`
`192`	`191`	`>`
`193`	`192`	`{typeError && <div className="hue-importer-edit-columns-modal__type-error">{typeError}</div>}`
`194`	`193`	`<Table columns={modalColumns} dataSource={editRows} pagination={false} />`