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 ( 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"> <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="flex items-center justify-between gap-2">
<div className="text-sm font-medium"> <div className="text-sm font-medium">
{mode === 'edit' ? 'Event bearbeiten' : 'Event erstellen'} {mode === 'edit' ? 'Event bearbeiten' : 'Event erstellen'}
@ -564,7 +564,7 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
</div> </div>
{isMobile && ( {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"> <div className="flex gap-2">
<MobileTabButton tab="stammdaten" label="Event" Icon={CalendarDays} /> <MobileTabButton tab="stammdaten" label="Event" Icon={CalendarDays} />
<MobileTabButton tab="promotion" label="Promotion" Icon={Megaphone} /> <MobileTabButton tab="promotion" label="Promotion" Icon={Megaphone} />
@ -650,7 +650,13 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
</div> </div>
</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="flex items-center justify-between gap-3">
<div className="text-xs text-muted-foreground">* Pflichtfelder</div> <div className="text-xs text-muted-foreground">* Pflichtfelder</div>
<div className="flex gap-2"> <div className="flex gap-2">