Enhance SlicerIntegration layout for better responsiveness

- Wrapped the ObjectProperty component in a div with defined width properties to improve layout consistency and responsiveness within the SlicerIntegration component.
- Ensured that the display adapts better to varying screen sizes, enhancing user experience.
This commit is contained in:
Tom Butcher 2026-07-26 18:37:42 +01:00
parent 6ec1e9d3c0
commit 4c19df717b

View File

@ -184,10 +184,18 @@ const SlicerIntegration = () => {
: objectData?.name || 'Slicer Integration'} : objectData?.name || 'Slicer Integration'}
</Title> </Title>
{!loading && ( {!loading && (
<ObjectProperty <div
objectData={objectData} style={{
{...getModelProperty('printer', 'state')} maxWidth: '400px',
/> width: '400px',
minWidth: '100px'
}}
>
<ObjectProperty
objectData={objectData}
{...getModelProperty('printer', 'state')}
/>
</div>
)} )}
</Flex> </Flex>
{slicerUploadsButton()} {slicerUploadsButton()}