frontend: polish app launch and release experience

2026-06-11 00:24:40 -04:00
parent c393b96da3
commit 1a3d726eac
140 changed files with 5930 additions and 920 deletions
@@ -0,0 +1,37 @@
+import { onBeforeUnmount, watch, type Ref } from 'vue'
+
+let activeLocks = 0
+let previousOverflow = ''
+
+function lock() {
+  if (typeof document === 'undefined') return
+  if (activeLocks === 0) {
+    previousOverflow = document.body.style.overflow
+    document.body.style.overflow = 'hidden'
+  }
+  activeLocks += 1
+}
+
+function unlock() {
+  if (typeof document === 'undefined' || activeLocks === 0) return
+  activeLocks -= 1
+  if (activeLocks === 0) {
+    document.body.style.overflow = previousOverflow
+    previousOverflow = ''
+  }
+}
+
+export function useBodyScrollLock(active: Ref<boolean>) {
+  watch(
+    active,
+    (isActive, wasActive) => {
+      if (isActive && !wasActive) lock()
+      if (!isActive && wasActive) unlock()
+    },
+    { immediate: true }
+  )
+
+  onBeforeUnmount(() => {
+    if (active.value) unlock()
+  })
+}