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 { .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; background: #fad8d7;
color: #797979; color: #797979;
} }
.warningIcon { .warningIcon {
@apply mr-5; margin-right: calc(var(--margin) * 2.4);
font-size: 26px; font-size: 26px;
} }
.dialog { .dialog {
> div { > div {
@apply rounded-md bg-white; border-radius: 4px;
background-color: white;
max-width: 600px; max-width: 600px;
min-width: calc(45 * var(--unit)); min-width: calc(45 * var(--unit));
} }
@ -22,11 +27,14 @@
} }
.dialogContent { .dialogContent {
@apply p-9 leading-9; padding: calc(var(--padding) * 2) calc(var(--padding) * 3);
} }
.dialogButtons { .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; background: #f4f4f4;
> * { > * {
@ -35,7 +43,7 @@
} }
.hr { .hr {
@apply mt-7; margin-top: calc(var(--margin) * 3);
height: 1px; height: 1px;
background: #dfdfdf80; 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}> <div className={styles.dialogContent}>
{this.renderDeleteMessage(state)} {this.renderDeleteMessage(state)}
{this.renderWarning(state)} {this.renderWarning(state)}
<hr className={styles.hr} />
{contexts.length > 0 && ( {contexts.length > 0 && (
<> <>
<hr className={styles.hr} />
<div className="mt-4"> <div className="mt-4">
<Checkbox <Checkbox
data-testid="context-switch" data-testid="context-switch"