fix: global nav background blur not applied in Safari

3 years ago · 70a9fb4b5a
parent 9b7ccee3b6
commit 70a9fb4b5a
2 changed files with 2 additions and 0 deletions
--- a/src/client/theme-default/components/VPNav.vue
+++ b/src/client/theme-default/components/VPNav.vue
@ -34,6 +34,7 @@ provide('close-screen', closeScreen)

  .VPNav.no-sidebar {
    backdrop-filter: saturate(50%) blur(8px);
+    -webkit-backdrop-filter: saturate(50%) blur(8px);
  }
 }
 </style>
--- a/src/client/theme-default/components/VPNavBar.vue
+++ b/src/client/theme-default/components/VPNavBar.vue
@ -66,6 +66,7 @@ const { hasSidebar } = useSidebar()

  .VPNavBar.has-sidebar .content {
    backdrop-filter: saturate(50%) blur(8px);
+    -webkit-backdrop-filter: saturate(50%) blur(8px);
  }
 }