Update TemplatePreview Component Styles for Improved Responsiveness
Some checks failed
farmcontrol/farmcontrol-ui/pipeline/head There was a failure building this commit

- Adjusted button and input styles in TemplatePreview to enhance layout adaptability.
- Changed button width to a minimum of 70px and input width to a range of 120px to 140px, improving user interaction and visual consistency.
This commit is contained in:
Tom Butcher 2026-09-13 18:38:27 +01:00
parent 92789b2d38
commit 869a5309fb

View File

@ -648,7 +648,7 @@ const TemplatePreview = ({
/>
<Button
readOnly={true}
style={{ width: '65px' }}
style={{ minWidth: '70px' }}
disabled={loading || reloadLoading}
onClick={() => {
setPreviewScale(1)
@ -672,7 +672,7 @@ const TemplatePreview = ({
value={previewWidth}
disabled={loading || reloadLoading}
onChange={(value) => setPreviewWidth(value || defaultPreviewWidth)}
style={{ width: 130 }}
style={{ minWidth: 120, maxWidth: '140px' }}
aria-label='Email preview width'
/>
) : null}