mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-08-02 11:30:22 +02:00
Code Issues Releases Wiki Activity

fix fast/light version. fixes #559

Browse Source
This commit is contained in:
Kushagra Gour
2024-05-08 10:48:46 +05:30
parent 5ee6803735
commit ed698752f0
1 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/style.css
View File

@@ -1066,11 +1066,14 @@ body > #demo-frame {
/* opacity: 0; */
will-change: opacity;
background: var(--color-overlay);
backdrop-filter: blur(5px) grayscale(1);
transition: opacity var(--duration-modal-overlay-show);
will-change: transform;
}
body:not(.light-version) .modal {
backdrop-filter: blur(5px) grayscale(1);
}
.modal--no-overlay {
background: none;
backdrop-filter: none;
@@ -1097,10 +1100,11 @@ body > #demo-frame {
transition: 0.25s ease;
}
.modal__content {
--opaque: 68%;
background: var(--color-popup);
/* fix me */
background: linear-gradient(45deg, #2d063cad, #3a2b63);
background: linear-gradient(45deg, rgb(45 6 60 / var(--opaque)), #3a2b63);
box-shadow:
inset 1px -1px 0 0 #ffffff17,
0 20px 31px 0 #0000008a;
@@ -1122,6 +1126,9 @@ body > #demo-frame {
forwards;
/* animation-delay: 150ms; */
}
body.light-version .modal__content {
--opaque: 100%;
}
@keyframes anim-modal {
to {
@@ -1140,10 +1147,7 @@ body > #demo-frame {
visibility: visible;
}
.is-modal-visible .modal__content {
/* transition-duration: 0.3s; */
/* transform: translateY(0px) scale(1); */
/* opacity: 1; */
body:not(.light-version).is-modal-visible .modal__content {
backdrop-filter: blur(3px);
}
@@ -1158,9 +1162,11 @@ body > #demo-frame {
opacity: 0;
will-change: opacity;
/* background: var(--color-overlay); */
backdrop-filter: blur(5px) grayscale(1);
transition: opacity var(--duration-modal-overlay-show);
}
body:not(.light-version) .modal-overlay {
backdrop-filter: blur(5px) grayscale(1);
}
/* Make settings modal smaller */