fix(stage-tamagotchi): shift off on windows & scroll improve

apps/stage-tamagotchi/package.json

@@ -30,7 +30,7 @@
     "@stdlib/string-base-kebabcase": "^0.2.2",
     "@tauri-apps/api": "^2.5.0",
     "@tauri-apps/plugin-global-shortcut": "^2.2.1",
-    "@tauri-apps/plugin-os": ">=2.2.2",
+    "@tauri-apps/plugin-os": "~2.2.2",
     "@tresjs/cientos": "^4.3.1",
     "@tresjs/core": "^4.3.6",
     "@vueuse/core": "^13.4.0",

apps/stage-tamagotchi/src-tauri/capabilities/default.json

@@ -3,7 +3,9 @@
   "identifier": "default",
   "description": "enables the default permissions",
   "windows": [
-    "main", "settings", "chat"
+    "main",
+    "settings",
+    "chat"
   ],
   "permissions": [
     "core:default",

apps/stage-tamagotchi/src/components/Window/TitleBar.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { platform } from '@tauri-apps/plugin-os'
+
 defineProps<{
   title: string
   icon: string
@@ -9,7 +11,10 @@ defineProps<{
   <div
     bg="neutral-100 dark:neutral-900" w="100dvw"
     top="0"
-    data-tauri-drag-region fixed z-100 w-full select-none py-2 pl-20 pr-4
+    data-tauri-drag-region fixed z-100 w-full select-none py-2 pr-4
+    :class="[
+      platform() === 'macos' ? 'pl-20' : 'pl-4',
+    ]"
   >
     <div data-tauri-drag-region flex>
       <div

apps/stage-tamagotchi/src/layouts/settings.vue

@@ -121,7 +121,7 @@ const routeHeaderMetadata = computed(() => routeHeaderMetadataMap.value[route.pa
 </script>
 
 <template>
-  <div h-full w-full mt="44px" overflow-y-scroll>
+  <div h-full w-full overflow-y-scroll scrollbar-none>
     <WindowTitleBar
       :title="routeHeaderMetadata?.title"
       icon="i-solar:settings-bold"
@@ -134,13 +134,14 @@ const routeHeaderMetadata = computed(() => routeHeaderMetadataMap.value[route.pa
         paddingLeft: 'env(safe-area-inset-left, 0px)',
       }"
     >
-      <div h-full w-full px-4 pb-4>
+      <div relative h-full w-full px-4 pb-4 top="44px">
         <!-- Content -->
         <div flex="~ col" mx-auto max-w-screen-xl>
           <PageHeader
             :title="routeHeaderMetadata?.title"
             :subtitle="routeHeaderMetadata?.subtitle"
             :disable-back-button="route.path === '/settings'"
+            top="44px!"
           />
           <RouterView />
         </div>

pnpm-lock.yaml

@@ -304,7 +304,7 @@ importers:
         specifier: ^2.2.1
         version: 2.2.1
       '@tauri-apps/plugin-os':
-        specifier: '>=2.2.2'
+        specifier: ~2.2.2
         version: 2.2.2
       '@tresjs/cientos':
         specifier: ^4.3.1