feat: improvements

This commit is contained in:
2026-03-16 00:15:36 +01:00
parent f67c491deb
commit c2db0b33d6
6 changed files with 110 additions and 92 deletions

View File

@@ -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>
)
}