diff --git a/web/css/styles.css b/web/css/styles.css index e713fe8..7ff273f 100644 --- a/web/css/styles.css +++ b/web/css/styles.css @@ -137,7 +137,7 @@ button.nav > img.icon { position: sticky; top: 0; z-index: var(--zHeader); - background: var(--clrBg); + backdrop-filter: blur(20px); } #view header > label { padding: 15px; @@ -337,6 +337,7 @@ details.cw summary { background: rgba(0,0,0,0.4); opacity: 1; transition: opacity 0.2s linear; + backdrop-filter: blur(20px); } .modal.closed { opacity: 0; @@ -440,19 +441,11 @@ label[role="profile-nip5"] { /* Media Preview */ -.bg-blur { - backdrop-filter: blur(20px); - position: absolute; - width: 100%; - height: 100%; - z-index: var(--zModal); -} .modal .media-container { text-align: center; position: absolute; width: 100%; height: 100%; - z-index: calc(var(--zModal) + 1); } .modal .media-container > img { object-fit: scale-down; diff --git a/web/index.html b/web/index.html index 6488152..60ef930 100644 --- a/web/index.html +++ b/web/index.html @@ -17,6 +17,13 @@ + + + + + + + @@ -33,7 +40,7 @@ - @@ -77,7 +84,7 @@
-
+
@@ -100,31 +107,7 @@
-
- -
-
- -
-
-
-
-
- -
-
-
-
-
- -
-
-
-
-
- -
-
+
@@ -144,14 +127,18 @@

-
+
+
+ +
+
+