fix(calendar): wrap event-modal footer buttons so Save stays visible
Publish Docker Image / prepare (push) Successful in 3s
Publish Docker Image / build (linux/amd64, ubuntu-latest) (push) Failing after 20s
Publish Docker Image / build (linux/arm64, ubuntu-24.04-arm) (push) Canceled after 0s
Publish Docker Image / merge (push) Canceled after 0s

This commit is contained in:
2026-08-24 14:16:17 +02:00
parent e693072862
commit 60fde141b5
+6 -6
View File
@@ -1154,8 +1154,8 @@ export function EventModal({
</div> </div>
{/* Action Bar */} {/* Action Bar */}
<div className="px-6 py-3 border-t border-border flex-shrink-0 flex items-center justify-between"> <div className="px-6 py-3 border-t border-border flex-shrink-0 flex flex-wrap items-center gap-2">
<div className="flex items-center gap-1"> <div className="flex flex-wrap items-center gap-1 min-w-0">
{onDelete && ( {onDelete && (
showDeleteConfirm ? ( showDeleteConfirm ? (
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
@@ -1194,7 +1194,7 @@ export function EventModal({
)} )}
</div> </div>
{!showDeleteConfirm && ( {!showDeleteConfirm && (
<Button onClick={() => setMode("edit")}> <Button onClick={() => setMode("edit")} className="ml-auto shrink-0">
<Pencil className="w-4 h-4 me-1" /> <Pencil className="w-4 h-4 me-1" />
{t("events.edit")} {t("events.edit")}
</Button> </Button>
@@ -1625,8 +1625,8 @@ export function EventModal({
</div> </div>
</div> </div>
<div className="flex items-center justify-between px-6 py-4 border-t border-border flex-shrink-0"> <div className="flex flex-wrap items-center gap-2 px-6 py-4 border-t border-border flex-shrink-0">
<div className="flex items-center gap-1"> <div className="flex flex-wrap items-center gap-1 min-w-0">
{isEdit && onDelete && ( {isEdit && onDelete && (
showDeleteConfirm ? ( showDeleteConfirm ? (
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
@@ -1677,7 +1677,7 @@ export function EventModal({
)} )}
</div> </div>
<div className="flex gap-2"> <div className="flex gap-2 ml-auto shrink-0">
<Button variant="outline" onClick={isEdit ? () => setMode("view") : onClose}> <Button variant="outline" onClick={isEdit ? () => setMode("view") : onClose}>
{t("form.cancel")} {t("form.cancel")}
</Button> </Button>