|
|
@ -123,11 +123,12 @@ const Preview: FC<PreviewProps> = ({ |
|
|
|
serverState === 'running' ? ( |
|
|
|
serverState === 'running' ? ( |
|
|
|
<> |
|
|
|
<> |
|
|
|
<Box |
|
|
|
<Box |
|
|
|
alt="" |
|
|
|
alt={`Preview is temporarily unavailable, but the server is ${serverState}.`} |
|
|
|
component="img" |
|
|
|
component="img" |
|
|
|
src={`data:image;base64,${preview}`} |
|
|
|
src={`data:image;base64,${preview}`} |
|
|
|
sx={{ |
|
|
|
sx={{ |
|
|
|
height: '100%', |
|
|
|
height: '100%', |
|
|
|
|
|
|
|
minHeight: '10em', |
|
|
|
opacity: isPreviewStale ? '0.4' : '1', |
|
|
|
opacity: isPreviewStale ? '0.4' : '1', |
|
|
|
padding: isUseInnerPanel ? '.2em' : 0, |
|
|
|
padding: isUseInnerPanel ? '.2em' : 0, |
|
|
|
width: '100%', |
|
|
|
width: '100%', |
|
|
|