martin/Kunst_Gegen_Bares_Kimaschine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new look test5 #deploy

Browse Source
This commit is contained in:
martin 2026-01-20 17:32:57 +01:00
parent f8d9f36bb3
commit d8fd8d397e
2 changed files with 37 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/dashboard/Dashboard.tsx
View File

@ -98,7 +98,7 @@ const Dashboard: React.FC<DashboardProps> = ({ onActionClick, hasActiveEvent, cu
);
};
return <div className="p-0 sm:p-6">{renderContent()}</div>;
return <div className="p-[2px] sm:p-6">{renderContent()}</div>;
};
const DashboardComponent: React.FC<DashboardProps> = Dashboard;

60
src/features/event/components/EventFormInline.tsx
View File

@ -537,13 +537,15 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
type="button"
variant="ghost"
size="sm"
className={`flex-1 h-10 justify-center gap-2 rounded-xl transition-colors ${
className={`flex-1 h-14 justify-center rounded-xl transition-colors ${
isActive ? 'bg-primary/10 text-primary' : 'text-muted-foreground hover:bg-primary/5 hover:text-foreground'
}`}
onClick={() => setActiveTab(tab)}
>
<Icon className="h-4 w-4" />
<span className="text-sm">{label}</span>
<span className="flex flex-col items-center justify-center leading-tight">
<Icon className="h-4 w-4" />
<span className="text-[11px] mt-1">{label}</span>
</span>
</Button>
);
};
@ -557,29 +559,39 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
}
>
<form onSubmit={handleSubmit} className="relative">
<div className={isMobile ? 'sticky top-0 z-20 px-3 py-2 border-b bg-background' : 'sticky top-0 z-20 -mx-4 px-4 py-2 border-b bg-background'}>
<div className="flex items-center justify-between gap-2">
<div className="text-sm font-medium">
{mode === 'edit' ? 'Event bearbeiten' : 'Event erstellen'}
<div className={isMobile ? 'sticky top-0 z-20 border-b bg-background' : 'sticky top-0 z-20 -mx-4 px-4 py-2 border-b bg-background'}>
{isMobile ? (
<div className="px-3 py-2">
<div className="flex items-center justify-between gap-2">
<div className="text-sm font-medium">
{mode === 'edit' ? 'Event bearbeiten' : 'Event erstellen'}
</div>
<div className="text-xs text-muted-foreground">{loadingInitial ? 'Lade…' : ''}</div>
</div>
{error && <div className="text-sm text-destructive pt-1">{error}</div>}
<div className="pt-2">
<div className="flex gap-2">
<MobileTabButton tab="stammdaten" label="Event" Icon={CalendarDays} />
<MobileTabButton tab="promotion" label="Promotion" Icon={Megaphone} />
<MobileTabButton tab="artists" label="Künstler" Icon={Users} />
</div>
</div>
</div>
<div className="text-xs text-muted-foreground">
{loadingInitial ? 'Lade…' : ''}
</div>
</div>
{error && <div className="text-sm text-destructive pt-1">{error}</div>}
) : (
<>
<div className="flex items-center justify-between gap-2">
<div className="text-sm font-medium">
{mode === 'edit' ? 'Event bearbeiten' : 'Event erstellen'}
</div>
<div className="text-xs text-muted-foreground">{loadingInitial ? 'Lade…' : ''}</div>
</div>
{error && <div className="text-sm text-destructive pt-1">{error}</div>}
</>
)}
</div>
{isMobile && (
<div className="sticky top-[52px] z-20 px-3 py-2 border-b bg-background">
<div className="flex gap-2">
<MobileTabButton tab="stammdaten" label="Event" Icon={CalendarDays} />
<MobileTabButton tab="promotion" label="Promotion" Icon={Megaphone} />
<MobileTabButton tab="artists" label="Künstler" Icon={Users} />
</div>
</div>
)}
<div className={isMobile ? 'pt-4' : 'flex gap-4 pt-4'}>
<div className={isMobile ? 'pt-4 pb-24 px-3' : 'flex gap-4 pt-4'}>
{!isMobile && (
<aside className={`sticky top-20 self-start shrink-0 ${sidebarWidthClass} transition-[width] duration-200`}>
<div className="rounded-2xl border bg-background p-2 shadow-sm">
@ -659,7 +671,7 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
<div
className={
isMobile
? 'sticky bottom-0 z-20 mt-4 px-3 py-3 border-t bg-background'
? 'fixed bottom-0 left-0 right-0 z-30 px-3 py-3 border-t bg-background'
: 'sticky bottom-0 z-20 -mx-4 mt-4 px-4 py-3 border-t bg-background'
}
>