Update TemplatePreview Component with Enhanced Card Styling
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
- Modified the TemplatePreview component to improve the styling of the Card element, setting maxWidth, minWidth, and margin for better layout. - Adjusted Flex component's gap for improved spacing between elements, enhancing overall visual presentation.
This commit is contained in:
parent
85273bea1b
commit
9766f4b6c3
@ -567,8 +567,16 @@ const TemplatePreview = ({
|
|||||||
align='center'
|
align='center'
|
||||||
justify='center'
|
justify='center'
|
||||||
>
|
>
|
||||||
<Card style={{ minWidth: 360 }}>
|
<Card
|
||||||
<Flex vertical gap={'small'} style={{ width: '100%' }}>
|
style={{
|
||||||
|
maxWidth: 360,
|
||||||
|
minWidth: 100,
|
||||||
|
width: '100%',
|
||||||
|
margin: 24
|
||||||
|
}}
|
||||||
|
styles={{ body: { padding: 18 } }}
|
||||||
|
>
|
||||||
|
<Flex vertical gap={10} style={{ width: '100%' }}>
|
||||||
<Text ellipsis style={{ width: '100%', minWidth: 0 }}>
|
<Text ellipsis style={{ width: '100%', minWidth: 0 }}>
|
||||||
{downloadProgress.message || 'Rendering...'}
|
{downloadProgress.message || 'Rendering...'}
|
||||||
</Text>
|
</Text>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user