From c9bf21215366c571416dcd1a605dcf3da5665078 Mon Sep 17 00:00:00 2001 From: Alex Andreev Date: Sun, 22 Aug 2021 16:10:07 +0300 Subject: [PATCH] Make all dialogs rounded Signed-off-by: Alex Andreev --- .../components/confirm-dialog/confirm-dialog.scss | 9 ++++++--- src/renderer/components/wizard/wizard.scss | 6 ++++++ 2 files changed, 12 insertions(+), 3 deletions(-) diff --git a/src/renderer/components/confirm-dialog/confirm-dialog.scss b/src/renderer/components/confirm-dialog/confirm-dialog.scss index d9df634fd0..7eeef6738f 100644 --- a/src/renderer/components/confirm-dialog/confirm-dialog.scss +++ b/src/renderer/components/confirm-dialog/confirm-dialog.scss @@ -33,7 +33,8 @@ max-width: 50vw; min-width: 45 * $unit; background-color: white; - outline: $unit solid rgba(255, 255, 255, .15); + border-radius: $radius; + line-height: 1.5; } .confirm-content { @@ -44,7 +45,7 @@ > .Icon { margin-left: inherit; - margin-right: $margin; + margin-right: $margin * 2; color: $colorSoftError; } @@ -60,9 +61,11 @@ .confirm-buttons { background: #f4f4f4; - padding: $spacing; + padding: $padding * 2.5; display: flex; justify-content: flex-end; + border-bottom-left-radius: $radius; + border-bottom-right-radius: $radius; > * { margin-left: $margin diff --git a/src/renderer/components/wizard/wizard.scss b/src/renderer/components/wizard/wizard.scss index 1e9bdabeee..011fb0f914 100755 --- a/src/renderer/components/wizard/wizard.scss +++ b/src/renderer/components/wizard/wizard.scss @@ -47,6 +47,8 @@ color: white; background: $dialogHeaderBackground; padding: var(--wizard-spacing); + border-top-left-radius: $radius; + border-top-right-radius: $radius; b { font-weight: $font-weight-normal; @@ -79,6 +81,8 @@ .WizardStep { background: var(--wizard-step-bgc); + border-bottom-left-radius: $radius; + border-bottom-right-radius: $radius; > .step-content.scrollable { @include scrollableContent(); @@ -92,6 +96,8 @@ > :last-child { padding: var(--wizard-spacing); background: $dialogFooterBackground; + border-bottom-left-radius: $radius; + border-bottom-right-radius: $radius; .back-btn { margin-left: auto;