feat: add sliding tab indicator and content crossfade animations

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Usman Baig
2026-03-09 23:41:34 +01:00
parent 330cc134aa
commit 6f964f38f3
4 changed files with 30 additions and 19 deletions

View File

@@ -688,12 +688,7 @@ export default function UptimePage() {
const overallStatus = uptimeData?.status ?? 'operational'
return (
<motion.div
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
transition={{ duration: 0.2 }}
className="w-full max-w-6xl mx-auto px-4 sm:px-6 pb-8"
>
<div className="w-full max-w-6xl mx-auto px-4 sm:px-6 pb-8">
{/* Header */}
<div className="mb-8 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
<div>
@@ -813,7 +808,7 @@ export default function UptimePage() {
siteDomain={site.domain}
/>
</Modal>
</motion.div>
</div>
)
}