soeren/fotospiel-app
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat: Enhance Guest Frontend with new features and UI improvements

Browse Source
This commit is contained in:
SEB Fotografie - soeren
2025-09-09 21:22:44 +02:00
parent e3423a7da5
commit 81958899a6
5 changed files with 141 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
resources/js/guest/components/Header.tsx
View File

@@ -1,8 +1,10 @@
import React from 'react';
import { Button } from '@/components/ui/button';
import { Link } from 'react-router-dom';
import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from '@/components/ui/sheet';
import AppearanceToggleDropdown from '@/components/appearance-dropdown';
import { Settings } from 'lucide-react';
import { Settings, ChevronDown } from 'lucide-react';
import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible';
export default function Header({ title = '' }: { title?: string }) {
return (
@@ -30,25 +32,39 @@ function SettingsSheet() {
<SheetTitle>Einstellungen</SheetTitle>
</SheetHeader>
<div className="mt-4 space-y-4">
<div>
<div className="text-sm font-medium">Darstellung</div>
<div className="text-sm text-muted-foreground">Hell, Dunkel oder System</div>
<div className="mt-2">
<AppearanceToggleDropdown />
<Collapsible defaultOpen>
<div className="flex items-center justify-between">
<div className="text-sm font-medium">Cache</div>
<CollapsibleTrigger asChild>
<Button variant="ghost" size="sm" className="h-7 px-2">
<ChevronDown className="h-4 w-4" />
</Button>
</CollapsibleTrigger>
</div>
</div>
<div>
<div className="text-sm font-medium">Cache</div>
<ClearCacheButton />
</div>
<div>
<div className="text-sm font-medium">Rechtliches</div>
<ul className="mt-2 list-disc pl-5 text-sm">
<li><a href="/legal/imprint" className="underline">Impressum</a></li>
<li><a href="/legal/privacy" className="underline">Datenschutz</a></li>
<li><a href="/legal/terms" className="underline">AGB</a></li>
</ul>
</div>
<CollapsibleContent>
<div className="mt-2">
<ClearCacheButton />
</div>
</CollapsibleContent>
</Collapsible>
<Collapsible defaultOpen>
<div className="flex items-center justify-between">
<div className="text-sm font-medium">Rechtliches</div>
<CollapsibleTrigger asChild>
<Button variant="ghost" size="sm" className="h-7 px-2">
<ChevronDown className="h-4 w-4" />
</Button>
</CollapsibleTrigger>
</div>
<CollapsibleContent>
<ul className="mt-2 list-disc pl-5 text-sm">
<li><Link to="/legal/impressum" className="underline">Impressum</Link></li>
<li><Link to="/legal/datenschutz" className="underline">Datenschutz</Link></li>
<li><Link to="/legal/agb" className="underline">AGB</Link></li>
</ul>
</CollapsibleContent>
</Collapsible>
</div>
</SheetContent>
</Sheet>