fix: uniform subtle minimal animations across all Pro tier and dashboard pages
This commit is contained in:
@@ -1,12 +1,12 @@
|
||||
"use client"
|
||||
"use client"
|
||||
|
||||
import { TutorChat } from "@/components/AI/TutorChat"
|
||||
import { BrainCircuit, Sparkles } from "lucide-react"
|
||||
|
||||
export default function TutorChatPage() {
|
||||
return (
|
||||
<div className="h-[calc(100vh-100px)] w-full flex flex-col pt-4 max-w-7xl mx-auto px-4 gap-4 animate-in fade-in zoom-in-95 origin-top duration-500">
|
||||
<div className="border-b border-border/50 pb-4">
|
||||
<div className="h-[calc(100vh-100px)] w-full flex flex-col pt-4 max-w-7xl mx-auto px-4 gap-4">
|
||||
<div className="border-b border-border/50 pb-4 animate-section animate-section-1">
|
||||
<div className="flex items-start justify-between gap-4 flex-wrap">
|
||||
<div>
|
||||
<h1 className="text-3xl md:text-4xl font-black tracking-tight flex items-center gap-3 mb-1">
|
||||
@@ -26,7 +26,7 @@ export default function TutorChatPage() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex-1 rounded-3xl overflow-hidden border border-border/50 shadow-xl bg-background flex flex-col h-full">
|
||||
<div className="flex-1 rounded-3xl overflow-hidden border border-border/50 shadow-xl bg-background flex flex-col h-full animate-section animate-section-2">
|
||||
<TutorChat />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user