mirror of
https://github.com/mauriceboe/TREK.git
synced 2026-06-19 13:21:46 +00:00
Maurice
13956804c2
- 5-table schema (journeys, entries, photos, trips, contributors) with migrations 87-91 - Trip-to-Journey sync engine with skeleton entries and photo sync - Full CRUD API for journeys, entries, photos with Immich/Synology integration - Timeline, Gallery and Map views with entry editor (markdown, mood, weather, pros/cons) - Journey frontpage with hero card, stats and trip suggestions - Public share links with token-based access and photo proxy - PDF photo book export (Polarsteps-inspired) - Dashboard redesign: mobile greeting, live trip hero, quick actions, unified card design - BottomNav profile sheet with settings/admin/logout - DayPlan mobile inline place picker - TripFormModal members management - Vacay calendar trip date indicator dots - Fix contributor photo access (403) for journey Immich/Synology photos - Trip deletion cleanup for journey skeleton entries - i18n: 231 new keys across all 14 languages (native translations, no fallbacks)
18 lines
662 B
TypeScript
18 lines
662 B
TypeScript
interface Props {
|
|
title: string
|
|
subtitle?: string
|
|
actions?: React.ReactNode
|
|
}
|
|
|
|
export default function MobileTopHeader({ title, subtitle, actions }: Props) {
|
|
return (
|
|
<div className="px-5 pt-4 pb-3 flex justify-between items-center bg-zinc-50 dark:bg-zinc-950 flex-shrink-0 md:hidden">
|
|
<div className="flex-1 min-w-0">
|
|
<h1 className="text-[28px] font-extrabold text-zinc-900 dark:text-white tracking-tight leading-none">{title}</h1>
|
|
{subtitle && <div className="text-xs text-zinc-500 mt-1">{subtitle}</div>}
|
|
</div>
|
|
{actions && <div className="flex gap-2 items-center flex-shrink-0">{actions}</div>}
|
|
</div>
|
|
)
|
|
}
|