diff options
| -rw-r--r-- | src/app/css/popups.css | 7 | ||||
| -rw-r--r-- | src/app/index.html | 3 |
2 files changed, 7 insertions, 3 deletions
diff --git a/src/app/css/popups.css b/src/app/css/popups.css index 9d307d1..106ad5e 100644 --- a/src/app/css/popups.css +++ b/src/app/css/popups.css @@ -21,7 +21,6 @@ background: var(--bg); transform: scale(0.98); - backdrop-filter: blur(15px); border-radius: calc(var(--padding) / 3); transition-duration: 0.15s; @@ -29,6 +28,10 @@ transition-timing-function: ease-in-out; } +.popup.blur { + backdrop-filter: blur(15px); +} + .popup.shown { opacity: 1.0; pointer-events: all; @@ -58,7 +61,7 @@ #overlay.shown { opacity: 1.0; pointer-events: all; - backdrop-filter: blur(3px); + backdrop-filter: blur(10px); } /* browser/preview popup { */ diff --git a/src/app/index.html b/src/app/index.html index 9ca5e07..b18db42 100644 --- a/src/app/index.html +++ b/src/app/index.html @@ -193,7 +193,7 @@ <div class="loading">%%gui.browser.loading%%</div> </div> </div> - <div class="popup small" id="preview"> + <div class="popup small blur" id="preview"> <div class="misc fixed vertical"> <button id="close" onclick="Preview.hide()"> <img src="icons/close.png"> @@ -202,6 +202,7 @@ <img src="icons/external.png"> </button> </div> + <webview></webview> </div> |