Update src/js/components/Import/FromFileUpload/components/DragDropUploadArea.tsx

louiswol94 · ramiy · web-flow · commit 048a9783ec58 · 2025-12-05T11:12:06.000+02:00
Co-authored-by: Rami Yushuvaev &lt;rami@codesnippets.pro&gt;
diff --git a/src/js/components/Import/FromFileUpload/components/DragDropUploadArea.tsx b/src/js/components/Import/FromFileUpload/components/DragDropUploadArea.tsx
@@ -43,7 +43,7 @@ export const DragDropUploadArea: React.FC<DragDropUploadAreaProps> = ({
 					opacity: disabled ? 0.6 : 1
 				}}
 			>
-				<div style={{ fontSize: '48px', marginBottom: '10px', color: '#666' }}>📁</div>
+				<div style={{ fontSize: '48px', marginBlockEnd: '10px', color: '#666' }}>📁</div>
 				<p style={{ margin: '0 0 8px 0', fontSize: '16px', fontWeight: '500' }}>
 					{__('Drag and drop files here, or click to browse', 'code-snippets')}
 				</p>

Original file line number	Diff line number	Diff line change
`@@ -43,7 +43,7 @@ export const DragDropUploadArea: React.FC<DragDropUploadAreaProps> = ({`
`43`	`43`	`opacity: disabled ? 0.6 : 1`
`44`	`44`	`}}`
`45`	`45`	`>`
`46`		`- <div style={{ fontSize: '48px', marginBottom: '10px', color: '#666' }}>📁</div>`
	`46`	`+ <div style={{ fontSize: '48px', marginBlockEnd: '10px', color: '#666' }}>📁</div>`
`47`	`47`	`<p style={{ margin: '0 0 8px 0', fontSize: '16px', fontWeight: '500' }}>`
`48`	`48`	`{__('Drag and drop files here, or click to browse', 'code-snippets')}`
`49`	`49`	`</p>`