fix ios top bar

2026-05-06 20:43:03 +08:00 · 2023-07-01 08:09:14 +08:00
parent 1496379fa1
commit 7d3726f25b
1 changed files with 15 additions and 0 deletions
--- a/src/@layouts/components/VerticalNavLayout.vue
+++ b/src/@layouts/components/VerticalNavLayout.vue
@@ -191,4 +191,19 @@ export default defineComponent({
    }
  }
 }
+
+// 👉 Window scrolled ios top bar
+.window-scrolled::after {
+  content: "";
+  position: fixed;
+  top: 0;
+  left: 0.5rem;
+  height: env(safe-area-inset-top);
+  width: calc(100% - 1rem);
+  background-color: rgb(var(--v-theme-surface), 0.9);
+  -webkit-backdrop-filter: blur(6px);
+    backdrop-filter: blur(6px);
+  z-index: 9999;
+  transition: padding 0.2s ease, background-color 0.18s ease;
+}
 </style>