From 937665ef95583838e1f09b47b4df7c9245ff0d93 Mon Sep 17 00:00:00 2001
From: Ben Senescu <44480372+bensenescu@users.noreply.github.com>
Date: Thu, 9 Apr 2026 14:21:47 -0400
Subject: [PATCH] fix: remove unused view transitions CSS causing navigation
 errors (#107)

---
 src/client/styles/app.css              |  1 -
 src/client/styles/view-transitions.css | 55 --------------------------
 2 files changed, 56 deletions(-)
 delete mode 100644 src/client/styles/view-transitions.css

diff --git a/src/client/styles/app.css b/src/client/styles/app.css
index afce82d..5e6cfdf 100644
--- a/src/client/styles/app.css
+++ b/src/client/styles/app.css
@@ -1,5 +1,4 @@
 @import "tailwindcss";
-@import "./view-transitions.css";
 
 @theme {
   --container-8xl: 88rem;
diff --git a/src/client/styles/view-transitions.css b/src/client/styles/view-transitions.css
deleted file mode 100644
index be08673..0000000
--- a/src/client/styles/view-transitions.css
+++ /dev/null
@@ -1,55 +0,0 @@
-/* ============================================
-   View Transitions API - Route Animations
-   ============================================ */
-
-/* Opt-in to view transitions */
-@view-transition {
-  navigation: auto;
-}
-
-/* Named view transitions - only animate main content */
-.main-content {
-  view-transition-name: main-content;
-}
-
-/* Exclude sidebar and tab bar from view transitions entirely */
-.sidebar,
-.tab-bar {
-  view-transition-name: none;
-}
-
-/* Fade transition for all navigation */
-::view-transition-old(main-content) {
-  animation: vt-fade-out 150ms ease-out forwards;
-}
-
-::view-transition-new(main-content) {
-  animation: vt-fade-in 150ms ease-out forwards;
-}
-
-/* Keyframes */
-@keyframes vt-fade-in {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes vt-fade-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-
-/* Reduce motion for users who prefer it */
-@media (prefers-reduced-motion: reduce) {
-  ::view-transition-old(main-content),
-  ::view-transition-new(main-content) {
-    animation: none;
-  }
-}