Update TemplatePreview Component with Enhanced Card Styling
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:
Tom Butcher 2026-08-22 13:00:53 +01:00
parent 85273bea1b
commit 9766f4b6c3

View File

@ -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>