Files
kniha_jizd_web/frontend/app/page.tsx
Docker Config Backup 24bd736b9a style: Clean minimal design matching shadcn.com aesthetic
- Remove all gradient backgrounds for clean white interface
- Update color scheme to neutral shadcn.com palette
- Simplify card headers (remove icons and colored backgrounds)
- Clean up spacing and reduce visual noise
- Update buttons to use outline variants
- Simplify table and stats styling with muted colors
- Improve typography with better font smoothing
- Match shadcn.com's minimal, professional aesthetic

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-10 20:49:14 +02:00

36 lines
1.1 KiB
TypeScript

'use client'
import { useState } from 'react'
import JourneyForm from './components/JourneyForm'
import DataPreview from './components/DataPreview'
export default function Home() {
const [calculatedData, setCalculatedData] = useState(null)
const [loading, setLoading] = useState(false)
const [formData, setFormData] = useState(null)
return (
<main className="min-h-screen p-8 md:p-12">
<div className="max-w-7xl mx-auto">
<div className="mb-8">
<h1 className="text-3xl font-bold tracking-tight mb-2">
Kniha Jízd
</h1>
<p className="text-muted-foreground">
Automatizovaný systém pro správu knihy jízd
</p>
</div>
<div className="grid grid-cols-1 xl:grid-cols-2 gap-6">
<JourneyForm
onDataCalculated={setCalculatedData}
setLoading={setLoading}
onFormDataChange={setFormData}
/>
<DataPreview data={calculatedData} loading={loading} formData={formData} />
</div>
</div>
</main>
)
}