RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-09 02:24:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adjust modal styles

Browse Source
This commit is contained in:
SrGooglo 2025-05-21 19:05:56 +00:00
parent dad308c914
commit 68af8c6f93
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/app/src/layouts/components/modals/modal/index.less
View File

@ -41,14 +41,14 @@
background-color: var(--background-color-accent); background-color: var(--background-color-accent);
border: 2px solid var(--border-color); border: 3px solid var(--border-color);
border-radius: 12px; border-radius: 12px;
} }
} }
&.active { &.active {
background-color: rgba(var(--bg_color_6), 0.1); background-color: @modal_background_color;
backdrop-filter: blur(@modal_background_blur); backdrop-filter: blur(@modal_background_blur);
-webkit-backdrop-filter: blur(@modal_background_blur); -webkit-backdrop-filter: blur(@modal_background_blur);

12
packages/app/src/styles/vars.less
View File

@ -8,8 +8,12 @@
@transition-ease-inout: all 150ms ease-in-out; @transition-ease-inout: all 150ms ease-in-out;
@card-drop-shadow: 0 0 5px var(--shadow-color); @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:
@card-shadow-top: 0 -4px 3px 0 rgba(63, 63, 68, 0.05), 0 0 0 2px var(--shadow-color); 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-object-padding: 10px;
@default-gap: 20px; @default-gap: 20px;
@ -25,4 +29,6 @@
@bottomBar_iconSize: 45px; @bottomBar_iconSize: 45px;
@topBar_height: 52px; @topBar_height: 52px;
@modal_background_blur: 2px; // Modal
@modal_background_color: rgba(var(--bg_color_1), 0.3);
@modal_background_blur: 4px;