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

Fixing Remove Cluster dialog sizing

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-06-15 15:35:34 +03:00
parent 85c8d60083
commit 24cf8c0f15
2 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/renderer/components/delete-cluster-dialog/view.module.scss
View File

@ -1,17 +1,22 @@
.warning {
@apply mt-4 flex py-4 px-6 rounded-md items-center;
display: flex;
margin-top: var(--margin);
padding: calc(var(--padding) * 2) calc(var(--padding) * 3);
border-radius: 4px;
align-items: center;
background: #fad8d7;
color: #797979;
}
.warningIcon {
@apply mr-5;
margin-right: calc(var(--margin) * 2.4);
font-size: 26px;
}
.dialog {
> div {
@apply rounded-md bg-white;
border-radius: 4px;
background-color: white;
max-width: 600px;
min-width: calc(45 * var(--unit));
}
@ -22,11 +27,14 @@
}
.dialogContent {
@apply p-9 leading-9;
padding: calc(var(--padding) * 2) calc(var(--padding) * 3);
}
.dialogButtons {
@apply flex justify-end p-7 rounded-md;
display: flex;
border-radius: 4px;
justify-content: flex-end;
padding: calc(var(--padding) * 2);
background: #f4f4f4;
> * {
@ -35,7 +43,7 @@
}
.hr {
@apply mt-7;
margin-top: calc(var(--margin) * 3);
height: 1px;
background: #dfdfdf80;
}

2
src/renderer/components/delete-cluster-dialog/view.tsx
View File

@ -204,9 +204,9 @@ class NonInjectedDeleteClusterDialog extends React.Component<Dependencies> {
<div className={styles.dialogContent}>
{this.renderDeleteMessage(state)}
{this.renderWarning(state)}
<hr className={styles.hr} />
{contexts.length > 0 && (
<>
<hr className={styles.hr} />
<div className="mt-4">
<Checkbox
data-testid="context-switch"