mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-06-08 22:18:40 +02:00
Code Issues Packages Projects Releases Wiki Activity

style(MainModal): update modal background and sidebar styles for improved aesthetics

Browse Source
This commit is contained in:
alexsparkes
2025-10-31 00:32:34 +00:00
parent bc272e14dd
commit 1e283160cc
3 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Elements/MainModal/scss/index.scss
View File

@@ -89,9 +89,13 @@
height: 80vh; height: 80vh;
width: clamp(60vw, 1400px, 90vw); width: clamp(60vw, 1400px, 90vw);
@include themed { background-color: rgba(1, 1, 1, 0.7);
background-color: t($modal-background); -webkit-backdrop-filter: blur(16px) saturate(180%);
} backdrop-filter: blur(16px) saturate(180%);
// @include themed {
// background-color: t($modal-background);
// }
} }
/* fixes for font size on extension */ /* fixes for font size on extension */

3
src/components/Elements/MainModal/scss/modules/_modalTabContent.scss
View File

@@ -14,6 +14,9 @@
width: 100%; width: 100%;
background: t($modal-background); background: t($modal-background);
margin: 0 1rem;
border-radius: t($borderRadius);
@extend %tabText; @extend %tabText;
hr { hr {

2
src/components/Elements/MainModal/scss/modules/_sidebar.scss
View File

@@ -7,7 +7,7 @@
position: sticky; position: sticky;
margin: 0; margin: 0;
padding: 0 5px; padding: 0 5px;
background: t($modal-sidebar); // background: t($modal-sidebar);
border-radius: 12px 0 0 12px; border-radius: 12px 0 0 12px;
overflow: hidden auto; overflow: hidden auto;
height: 80vh; height: 80vh;