Fix Dashboard background blur for Safari and iOS Safari

Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>

diff --git a/apps/dashboard/src/App.vue b/apps/dashboard/src/App.vue
index fac1aab28051d4fc84d46caf35c45694b5fc60b2..807b5cc2d83475e052cc77bac2c8fa5e5e4aa6a7 100644 (file)
--- a/apps/dashboard/src/App.vue
+++ b/apps/dashboard/src/App.vue
@@ -415,6 +415,7 @@ export default {
                max-width: 100%;
                margin: 16px;
                background-color: var(--color-background-translucent);
+               -webkit-backdrop-filter: var(--background-blur);
                backdrop-filter: var(--background-blur);
                border-radius: var(--border-radius-large);
 
@@ -511,6 +512,7 @@ export default {
        .statuses ::v-deep .action-item > button,
        .statuses ::v-deep .action-item.action-item--open .action-item__menutoggle {
                background-color: var(--color-background-translucent);
+               -webkit-backdrop-filter: var(--background-blur);
                backdrop-filter: var(--background-blur);
 
                &:hover,