SS-FCSC/fcsc_ipi_frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed resolution

Browse Source
This commit is contained in:
Malini 2026-01-07 13:13:46 +05:30
parent d7fe705f07
commit 92d1628a8a
1 changed files with 46 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
ipi-survey-platform/src/pages/Admin/configuration/CompanyProfile.jsx
View File

@ -985,97 +985,94 @@ const CompanyProfile = () => {
return ( return (
<div className="space-y-4"> <div className="space-y-4">
<div className="space-y-2"> <div className="space-y-2">
<h4 className="text-[16px] font-semibold text-[#232528]">
Details
</h4>
<div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-4 items-start"> <h4 className="text-[16px] font-semibold text-[#232528]">Details</h4>
{/* Responsive grid */}
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-2 w-full overflow-x-hidden" style={{
msOverflowStyle: 'none', /* IE and Edge */
scrollbarWidth: 'none', /* Firefox */
}}>
<div>
<TextField <TextField
label="Permanent Factory Code" label="Permanent Factory Code"
value={form.permanentFactoryCode} value={form.permanentFactoryCode}
onChange={handleFormChange('permanentFactoryCode')} onChange={handleFormChange('permanentFactoryCode')}
placeholder="Enter Factory Code" placeholder="Enter Factory Code"
width="100%" className="w-full"
readOnly={modalMode === 'view'} readOnly={modalMode === 'view'}
/> />
</div>
<div>
<TextField <TextField
label="Unique License Number" label="Unique License Number"
value={form.uniqueLicenseNumber} value={form.uniqueLicenseNumber}
onChange={handleFormChange('uniqueLicenseNumber')} onChange={handleFormChange('uniqueLicenseNumber')}
placeholder="Enter License Number" placeholder="Enter License Number"
width="100%" className="w-full"
required required
error={fieldErrors.uniqueLicenseNumber} error={fieldErrors.uniqueLicenseNumber}
readOnly={modalMode === 'view'} readOnly={modalMode === 'view'}
/> />
</div>
<div>
<TextField <TextField
label="Industry Code(Business Register)" label="Industry Code(Business Register)"
value={form.industryCodeBusiness} value={form.industryCodeBusiness}
onChange={handleFormChange('industryCodeBusiness')} onChange={handleFormChange('industryCodeBusiness')}
placeholder="Enter Code" placeholder="Enter Code"
width="100%" className="w-full"
// required
error={fieldErrors.industryCodeBusiness} error={fieldErrors.industryCodeBusiness}
readOnly={modalMode === 'view'} readOnly={modalMode === 'view'}
/> />
</div>
<div>
<TextField <TextField
label="Industry Code(Current Production)" label="Industry Code(Current Production)"
value={form.industryCodeProduction} value={form.industryCodeProduction}
onChange={handleFormChange('industryCodeProduction')} onChange={handleFormChange('industryCodeProduction')}
placeholder="Enter Code" placeholder="Enter Code"
width="100%" className="w-full"
required required
error={fieldErrors.industryCodeProduction} error={fieldErrors.industryCodeProduction}
readOnly={modalMode === 'view'} readOnly={modalMode === 'view'}
/> />
</div> </div>
</div>
{/* Description Field */} <div className="mt-4 w-full" style={{ width: 'calc(100% - 1px)' }}>
<div className="mt-4">
<TextField <TextField
label="Description" label="Description"
value={form.industryDescription} value={form.industryDescription}
onChange={handleFormChange('industryDescription')} onChange={handleFormChange('industryDescription')}
placeholder="Enter Description" placeholder="Enter Description"
width="100%" className="w-full"
style={{ height: '72px' }}
readOnly={modalMode === 'view'} readOnly={modalMode === 'view'}
/> />
</div> </div>
{/* Show Remarks ONLY IF Current Production code is filled AND different from Business Register */} {form.industryCodeProduction && form.industryCodeBusiness != null && form.industryCodeBusiness !== form.industryCodeProduction && (
{form.industryCodeProduction && form.industryCodeBusiness !== form.industryCodeProduction && ( <div className="mt-4 w-full" style={{ width: 'calc(100% - 1px)' }}>
<div className="mt-4">
<TextField <TextField
label="Remarks" label="Remarks"
value={form.industryCodeMismatchRemarks} value={form.industryCodeMismatchRemarks}
onChange={handleFormChange('industryCodeMismatchRemarks')} onChange={handleFormChange('industryCodeMismatchRemarks')}
placeholder="Enter remarks for industry code mismatch" placeholder="Enter remarks for industry code mismatch"
width="100%" className="w-full"
multiline multiline
rows={3} rows={3}
readOnly={modalMode === 'view'} readOnly={modalMode === 'view'}
/> />
{/* <div className="mt-2">
<TextField
label="Industry Description"
value={form.industryDescription}
onChange={handleFormChange('industryDescription')}
placeholder="Enter industry description"
width="100%"
multiline
rows={2}
/>
</div> */}
</div> </div>
)} )}
</div> </div>
</div> </div>
); );
case 2: case 2:
return ( return (