fix: restore page animations, improve checkbox visibility

- Re-enable page transition animations in Telegram Mini App
- Change AnimatePresence mode from popLayout to wait (prevents black squares)
- Add initial={false} to skip animation on first render
- Add custom checkbox styling with better visibility (bg-dark-700, border-dark-600)
- Custom checkmark appearance when checked
- Light theme checkbox support
This commit is contained in:
c0mrade
2026-02-01 21:32:08 +03:00
parent 768b340c35
commit 5ad5e8d365
2 changed files with 60 additions and 3 deletions

View File

@@ -503,11 +503,11 @@ export function AppShell({ children }: AppShellProps) {
{/* Main content */}
<main className="mx-auto max-w-6xl px-4 py-6 pb-28 lg:px-6 lg:pb-8">
{/* Disable animations in Telegram Mini App and admin pages to prevent visual glitches */}
{isTelegramWebApp || location.pathname.startsWith('/admin') ? (
{/* Disable animations in admin pages (scroll restoration conflicts with animations) */}
{location.pathname.startsWith('/admin') ? (
children
) : (
<AnimatePresence mode="popLayout">
<AnimatePresence mode="wait" initial={false}>
<motion.div
key={location.pathname}
variants={slideUp}