fix: remove unused view transitions CSS causing navigation errors (#107)

This commit is contained in:
Ben Senescu 2026-04-09 14:21:47 -04:00 committed by GitHub
parent 1d9a503335
commit 937665ef95
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 0 additions and 56 deletions

View File

@ -1,5 +1,4 @@
@import "tailwindcss"; @import "tailwindcss";
@import "./view-transitions.css";
@theme { @theme {
--container-8xl: 88rem; --container-8xl: 88rem;

View File

@ -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;
}
}