feat(client): blur effect for modal

2020-07-12 18:14:59 +09:00
parent 426c2fa5d1
commit aae9bc4cf4
11 changed files with 64 additions and 76 deletions
--- a/src/client/style.scss
+++ b/src/client/style.scss
@@ -197,6 +197,16 @@ hr {
 	}
 }

+._modalBg {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: var(--modalBg);
+	backdrop-filter: var(--modalBgFilter);
+}
+
 ._button {
 	appearance: none;
 	padding: 0;