feat: flip card transition

This commit is contained in:
2026-03-15 20:19:00 +01:00
parent 202462bad7
commit a8bd579043
5 changed files with 83 additions and 9 deletions

View File

@@ -1,12 +1,13 @@
/**
* Layout for a single recollection: shared menubar (with optional custom content from active page) and outlet.
* Layout for a single recollection: shared menubar and flipping card (Logos front / Flux back).
*/
import React, { useEffect } from 'react'
import { Link, Outlet, useParams } from 'react-router-dom'
import { Link, useParams } from 'react-router-dom'
import { usePlatform } from '@/app/kosmos/KosmosContext'
import { RecollectionMenubarProvider } from './RecollectionMenubarContext'
import { RecollectionMenubar } from './RecollectionMenubar'
import { FlippingCardView } from './FlippingCardView'
export function RecollectionLayout() {
const { recollectionId } = useParams<{ recollectionId: string }>()
@@ -35,7 +36,7 @@ export function RecollectionLayout() {
<div className="flex min-h-0 flex-1 flex-col">
<RecollectionMenubar />
<div className="flex min-h-0 flex-1 flex-col overflow-hidden">
<Outlet />
<FlippingCardView />
</div>
</div>
</RecollectionMenubarProvider>