fix(striker-ui): restyle mono texts in provision server confirm

main
Tsu-ba-me 1 year ago
parent f51af47b51
commit 45f184509d
  1. 34
      striker-ui/components/ProvisionServerDialog.tsx

@ -1342,9 +1342,9 @@ const ProvisionServerDialog = ({
}; };
const createConfirmDialogContent = () => { const createConfirmDialogContent = () => {
const gridColumns = 8; const gridColumns = 10;
const c1 = 2; const c1 = 2;
const c2 = 3; const c2 = 5;
const c3 = 3; const c3 = 3;
const c2n3 = c2 + c3; const c2n3 = c2 + c3;
@ -1366,12 +1366,14 @@ const ProvisionServerDialog = ({
</Grid> </Grid>
<Grid item xs={c2}> <Grid item xs={c2}>
<BodyText> <BodyText>
<InlineMonoText text={inputCPUCoresValue} /> core(s) <InlineMonoText edge="start">{inputCPUCoresValue}</InlineMonoText>{' '}
core(s)
</BodyText> </BodyText>
</Grid> </Grid>
<Grid item xs={c3}> <Grid item xs={c3}>
<BodyText> <BodyText>
<InlineMonoText text={inputCPUCoresMax} /> core(s) available <InlineMonoText edge="start">{inputCPUCoresMax}</InlineMonoText>{' '}
core(s) available
</BodyText> </BodyText>
</Grid> </Grid>
</Grid> </Grid>
@ -1381,14 +1383,16 @@ const ProvisionServerDialog = ({
</Grid> </Grid>
<Grid item xs={c2}> <Grid item xs={c2}>
<BodyText> <BodyText>
<InlineMonoText> <InlineMonoText edge="start">
{inputMemoryValue} {inputMemoryUnit} {inputMemoryValue} {inputMemoryUnit}
</InlineMonoText> </InlineMonoText>
</BodyText> </BodyText>
</Grid> </Grid>
<Grid item xs={c3}> <Grid item xs={c3}>
<BodyText> <BodyText>
<InlineMonoText text={`${inputMemoryMax} ${inputMemoryUnit}`} />{' '} <InlineMonoText edge="start">
{inputMemoryMax} {inputMemoryUnit}
</InlineMonoText>{' '}
available available
</BodyText> </BodyText>
</Grid> </Grid>
@ -1417,13 +1421,17 @@ const ProvisionServerDialog = ({
</Grid> </Grid>
<Grid item xs={c2}> <Grid item xs={c2}>
<BodyText> <BodyText>
<InlineMonoText text={`${vdInputSize} ${vdInputUnit}`} /> on{' '} <InlineMonoText edge="start">
{vdStorageGroupName} {vdInputSize} {vdInputUnit}
</InlineMonoText>{' '}
on <InlineMonoText>{vdStorageGroupName}</InlineMonoText>
</BodyText> </BodyText>
</Grid> </Grid>
<Grid item xs={c3}> <Grid item xs={c3}>
<BodyText> <BodyText>
<InlineMonoText text={`${vdInputMax} ${vdInputUnit}`} />{' '} <InlineMonoText edge="start">
{vdInputMax} {vdInputUnit}
</InlineMonoText>{' '}
available available
</BodyText> </BodyText>
</Grid> </Grid>
@ -1436,7 +1444,7 @@ const ProvisionServerDialog = ({
</Grid> </Grid>
<Grid item xs={c2n3}> <Grid item xs={c2n3}>
<BodyText> <BodyText>
<InlineMonoText> <InlineMonoText edge="start">
{fileUUIDMapToData[inputInstallISOFileUUID].fileName} {fileUUIDMapToData[inputInstallISOFileUUID].fileName}
</InlineMonoText> </InlineMonoText>
</BodyText> </BodyText>
@ -1449,7 +1457,7 @@ const ProvisionServerDialog = ({
<Grid item xs={c2n3}> <Grid item xs={c2n3}>
<BodyText> <BodyText>
{fileUUIDMapToData[inputDriverISOFileUUID] ? ( {fileUUIDMapToData[inputDriverISOFileUUID] ? (
<InlineMonoText> <InlineMonoText edge="start">
{fileUUIDMapToData[inputDriverISOFileUUID].fileName} {fileUUIDMapToData[inputDriverISOFileUUID].fileName}
</InlineMonoText> </InlineMonoText>
) : ( ) : (
@ -1463,7 +1471,9 @@ const ProvisionServerDialog = ({
<BodyText text="Optimize for OS" /> <BodyText text="Optimize for OS" />
</Grid> </Grid>
<Grid item xs={c2n3}> <Grid item xs={c2n3}>
<BodyText text={`${inputOptimizeForOSValue?.label}`} /> <BodyText>
<InlineMonoText edge="start">{`${inputOptimizeForOSValue?.label}`}</InlineMonoText>
</BodyText>
</Grid> </Grid>
</Grid> </Grid>
</Grid> </Grid>

Loading…
Cancel
Save