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