mobile fixed and mogged

2026-01-07 13:53:29 +00:00
parent 018bf772f3
commit ec525ef571
4 changed files with 65 additions and 25 deletions
--- a/nginx/vue/src/components/Overlay.vue
+++ b/nginx/vue/src/components/Overlay.vue
@@ -6,8 +6,11 @@

 <style scoped>
 .overlay {
-    position: absolute;
-    inset: 0; /* full width & height of parent */
-    pointer-events: none; /* overlay does not block clicks */
+    position: fixed; /* not absolute */
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    pointer-events: none;
 }
 </style>
--- a/nginx/vue/src/components/backgrounds/Halftone.vue
+++ b/nginx/vue/src/components/backgrounds/Halftone.vue
@@ -4,12 +4,13 @@

 <style scoped>
 div {
-    width: 100vw;
-    height: 100vh;
    position: fixed;
-    left: 0px;
-    top: 0px;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
    z-index: -1;
+    object-fit: cover; /* optional if it’s an img background */
 }

 .halftone {