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

new look test 3 #deploy

Browse Source
This commit is contained in:
martin 2026-01-20 17:16:03 +01:00
parent 462975a4c5
commit b79ce48dec
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -549,9 +549,9 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
};
return (
<div className="rounded-lg border p-4">
<div className={isMobile ? 'p-0 border-0 rounded-none' : 'rounded-lg border p-4'}>
<form onSubmit={handleSubmit} className="relative">
<div className="sticky top-0 z-20 -mx-4 px-4 py-2 border-b bg-background">
<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'}
@ -564,7 +564,7 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
</div>
{isMobile && (
<div className="sticky top-[52px] z-20 -mx-4 px-4 py-2 border-b bg-background">
<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} />
@ -650,7 +650,13 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
</div>
</div>
<div className="sticky bottom-0 z-20 -mx-4 mt-4 px-4 py-3 border-t bg-background">
<div
className={
isMobile
? 'sticky bottom-0 z-20 mt-4 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'
}
>
<div className="flex items-center justify-between gap-3">
<div className="text-xs text-muted-foreground">* Pflichtfelder</div>
<div className="flex gap-2">