1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00

Add flex align-center to slider-container and remove margin-top: -4px

Signed-off-by: Hung-Han (Henry) Chen <1474479+chenhunghan@users.noreply.github.com>
This commit is contained in:
Hung-Han (Henry) Chen 2020-11-03 18:17:23 +08:00
parent c00b1ffa99
commit f5e5baf5f2
No known key found for this signature in database
GPG Key ID: 32931168425E1C95
2 changed files with 2 additions and 4 deletions

View File

@ -28,9 +28,7 @@
}
.plus-minus-container {
margin-left: $margin * 2
// for vertical align with .slider-container
margin-top: -4px;
margin-left: $margin * 2;
}
.warning {

View File

@ -103,7 +103,7 @@ export class DeploymentScaleDialog extends Component<Props> {
<div className="desired-scale" data-testid="desired-scale">
<Trans>Desired number of replicas</Trans>: {desiredReplicas}
</div>
<div className="slider-container">
<div className="slider-container flex align-center">
<Slider value={desiredReplicas} max={scaleMax} onChange={onChange as any /** see: https://github.com/mui-org/material-ui/issues/20191 */}/>
</div>
<div className="plus-minus-container">