design: defer branding panel animations until splash screen splits open
This commit is contained in:
@@ -269,7 +269,7 @@ export const LoginPage: React.FC = () => {
|
|||||||
{/* Top: Brand Header */}
|
{/* Top: Brand Header */}
|
||||||
<motion.div
|
<motion.div
|
||||||
initial={{ opacity: 0, y: -20 }}
|
initial={{ opacity: 0, y: -20 }}
|
||||||
animate={{ opacity: 1, y: 0 }}
|
animate={splashState === 'fade-to-white' || splashState === 'done' ? { opacity: 1, y: 0 } : { opacity: 0, y: -20 }}
|
||||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||||
className="flex items-center z-10"
|
className="flex items-center z-10"
|
||||||
>
|
>
|
||||||
@@ -279,7 +279,7 @@ export const LoginPage: React.FC = () => {
|
|||||||
{/* Middle: Feature list / value proposition */}
|
{/* Middle: Feature list / value proposition */}
|
||||||
<motion.div
|
<motion.div
|
||||||
initial="hidden"
|
initial="hidden"
|
||||||
animate="visible"
|
animate={splashState === 'fade-to-white' || splashState === 'done' ? "visible" : "hidden"}
|
||||||
variants={{
|
variants={{
|
||||||
hidden: { opacity: 0 },
|
hidden: { opacity: 0 },
|
||||||
visible: {
|
visible: {
|
||||||
|
|||||||
Reference in New Issue
Block a user