From 68af8c6f93f1ec342a168e32b3a99879ab6ba532 Mon Sep 17 00:00:00 2001 From: SrGooglo Date: Wed, 21 May 2025 19:05:56 +0000 Subject: [PATCH] Adjust modal styles --- .../src/layouts/components/modals/modal/index.less | 4 ++-- packages/app/src/styles/vars.less | 12 +++++++++--- 2 files changed, 11 insertions(+), 5 deletions(-) diff --git a/packages/app/src/layouts/components/modals/modal/index.less b/packages/app/src/layouts/components/modals/modal/index.less index fd4eb9fb..50023db8 100644 --- a/packages/app/src/layouts/components/modals/modal/index.less +++ b/packages/app/src/layouts/components/modals/modal/index.less @@ -41,14 +41,14 @@ background-color: var(--background-color-accent); - border: 2px solid var(--border-color); + border: 3px solid var(--border-color); border-radius: 12px; } } &.active { - background-color: rgba(var(--bg_color_6), 0.1); + background-color: @modal_background_color; backdrop-filter: blur(@modal_background_blur); -webkit-backdrop-filter: blur(@modal_background_blur); diff --git a/packages/app/src/styles/vars.less b/packages/app/src/styles/vars.less index c1c17bc4..2d475a49 100755 --- a/packages/app/src/styles/vars.less +++ b/packages/app/src/styles/vars.less @@ -8,8 +8,12 @@ @transition-ease-inout: all 150ms ease-in-out; @card-drop-shadow: 0 0 5px var(--shadow-color); -@card-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 var(--shadow-color); -@card-shadow-top: 0 -4px 3px 0 rgba(63, 63, 68, 0.05), 0 0 0 2px var(--shadow-color); +@card-shadow: + 0 0 0 1px rgba(63, 63, 68, 0.05), + 0 1px 3px 0 var(--shadow-color); +@card-shadow-top: + 0 -4px 3px 0 rgba(63, 63, 68, 0.05), + 0 0 0 2px var(--shadow-color); @default-object-padding: 10px; @default-gap: 20px; @@ -25,4 +29,6 @@ @bottomBar_iconSize: 45px; @topBar_height: 52px; -@modal_background_blur: 2px; \ No newline at end of file +// Modal +@modal_background_color: rgba(var(--bg_color_1), 0.3); +@modal_background_blur: 4px;