fix(post_view): fix backdrop blur in chromium

yral-dapp · Feb 5, 2024 · e813352 · e813352
1 parent f1d2777
commit e813352
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/src/page/post_view/mod.rs b/src/page/post_view/mod.rs
@@ -7,6 +7,7 @@ use std::pin::pin;
 use candid::Principal;
 use futures::StreamExt;
 use leptos::*;
+use leptos_icons::*;
 use leptos_router::*;
 
 use crate::{
@@ -89,6 +90,17 @@ pub fn ScrollingView() -> impl IntoView {
                 }
             />
 
+            <Show when=muted>
+                <div
+                    class="fixed top-1/2 left-1/2 cursor-pointer"
+                    on:click=move |_| muted.set(false)
+                >
+                    <Icon
+                        class="text-white/80 animate-ping text-4xl"
+                        icon=icondata::BiVolumeMuteSolid
+                    />
+                </div>
+            </Show>
         </div>
     }
 }

diff --git a/src/page/post_view/video_loader.rs b/src/page/post_view/video_loader.rs
@@ -1,6 +1,5 @@
 use crate::canister::utils::{bg_url, mp4_url};
 use leptos::{html::Video, *};
-use leptos_icons::*;
 use leptos_use::{
     use_document, use_intersection_observer_with_options, UseIntersectionObserverOptions,
 };
@@ -100,10 +99,5 @@ pub fn VideoView(idx: usize, muted: RwSignal<bool>) -> impl IntoView {
             muted
             preload="auto"
         ></video>
-        <Show when=move || muted() && current_idx() == idx>
-            <div class="fixed top-1/2 left-1/2 cursor-pointer" on:click=move |_| muted.set(false)>
-                <Icon class="text-white/80 animate-ping text-4xl" icon=icondata::BiVolumeMuteSolid/>
-            </div>
-        </Show>
     }
 }