farmcontrol/farmcontrol-ui
farmcontrol/farmcontrol-ui
2
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 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
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Dashboard/common/TemplatePreview.jsx
View File

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