refactor: testing transitions

rayriffy · Sep 25, 2023 · 91bfdf1 · 91bfdf1
1 parent 013e5ee
commit 91bfdf1
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 8 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -12,9 +12,6 @@ export default defineConfig({
     mode: 'middleware',
   }),
   compressHTML: true,
-  experimental: {
-   viewTransitions: true
-  },
   integrations: [
     tailwind({
       config: {

diff --git a/src/app/components/header.astro b/src/app/components/header.astro
@@ -10,7 +10,7 @@ const { pathname } = new URL(Astro.request.url)
 
 <header
   x-bind:class="! open ? 'h-12' : 'h-full'"
-  class="ease-header fixed bottom-0 z-50 h-12 w-full overflow-hidden border-t bg-white transition-all duration-500 md:h-20"
+  class="ease-header fixed bottom-0 z-40 h-12 w-full overflow-hidden border-t bg-white transition-all duration-500 md:h-20"
   x-data="{ open: false }"
 >
   <div class="justify-between md:flex md:px-8 md:py-6">

diff --git a/src/app/styles/tailwind.css b/src/app/styles/tailwind.css
@@ -23,3 +23,7 @@ section a {
 .ease-header {
   transition-timing-function: cubic-bezier(1, 0, 0, 0.81);
 }
+
+body {
+  position: relative;
+}
diff --git a/tsconfig.json b/tsconfig.json
@@ -2,11 +2,11 @@
   "extends": "astro/tsconfigs/strict",
   "compilerOptions": {
     "forceConsistentCasingInFileNames": false,
-    "baseUrl": ".",
+    "baseUrl": "src",
     "paths": {
-      "$modules/*": ["src/modules/*"],
-      "$app/*": ["src/app/*"],
-      "$core/*": ["src/core/*"]
+      "$modules/*": ["modules/*"],
+      "$app/*": ["app/*"],
+      "$core/*": ["core/*"]
     }
   },
   "include": ["src"]