Update TemplatePreview Component Styles for Improved Responsiveness
Some checks failed
farmcontrol/farmcontrol-ui/pipeline/head There was a failure building this commit
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:
parent
92789b2d38
commit
869a5309fb
@ -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}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user