hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

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

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/renderer/components/+workloads-deployments/deployment-scale-dialog.scss
View File

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

2
src/renderer/components/+workloads-deployments/deployment-scale-dialog.tsx
View File

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