feat: improvements
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
/**
|
||||
* Flipping card container: Logos on the front, Flux on the back.
|
||||
* Uses CSS 3D transform for a performant flip animation when switching via the menubar.
|
||||
* Recollection view switcher: Logos or Flux based on pathname.
|
||||
* Single container, conditional render — only the active view is mounted (no CSS flip).
|
||||
*/
|
||||
|
||||
import React from 'react'
|
||||
@@ -14,22 +14,14 @@ export function FlippingCardView() {
|
||||
const isFlux = pathname.endsWith('/flux')
|
||||
|
||||
return (
|
||||
<div
|
||||
className="recollection-flip-container"
|
||||
style={{ perspective: '1200px' }}
|
||||
>
|
||||
<div
|
||||
className="recollection-flip-card"
|
||||
data-flipped={isFlux}
|
||||
aria-hidden={false}
|
||||
>
|
||||
<div className="recollection-flip-face recollection-flip-face-front">
|
||||
<LogosPage />
|
||||
</div>
|
||||
<div className="recollection-flip-face recollection-flip-face-back">
|
||||
{recollectionId && <FluxRoute />}
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex min-h-0 flex-1 flex-col overflow-hidden">
|
||||
{isFlux ? (
|
||||
recollectionId ? (
|
||||
<FluxRoute />
|
||||
) : null
|
||||
) : (
|
||||
<LogosPage />
|
||||
)}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user