This commit is contained in:
Timothy Jaeryang Baek
2026-07-15 04:18:56 -04:00
parent f8350360df
commit 2018546a7b
5 changed files with 29 additions and 79 deletions
@@ -4,7 +4,6 @@
import Modal from '$lib/components/common/Modal.svelte';
import DeleteConfirmDialog from '$lib/components/common/ConfirmDialog.svelte';
import XMark from '$lib/components/icons/XMark.svelte';
import Spinner from '$lib/components/common/Spinner.svelte';
import type { CalendarModel, CalendarEventModel, CalendarEventForm } from '$lib/apis/calendar';
@@ -188,25 +187,16 @@
<Modal size="md" bind:show>
<div>
<!-- Header -->
<div class="flex justify-between dark:text-gray-100 px-5 pt-4 pb-2">
<div class="dark:text-gray-100 px-4 pt-3 pb-1">
<input
class="w-full text-lg bg-transparent outline-hidden placeholder:text-gray-300 dark:placeholder:text-gray-700"
class="w-full text-base bg-transparent outline-hidden placeholder:text-gray-300 dark:placeholder:text-gray-700"
type="text"
bind:value={title}
placeholder={$i18n.t('Event title')}
/>
<button
class="self-center shrink-0 ml-2"
aria-label={$i18n.t('Close')}
on:click={() => (show = false)}
>
<XMark className="size-5" />
</button>
</div>
<!-- Details -->
<div class="px-5 pb-2 flex flex-col gap-3">
<div class="px-4 pb-2 flex flex-col gap-2.5">
<!-- Calendar -->
<div>
<div class="mb-1 text-xs text-gray-500">{$i18n.t('Calendar')}</div>
@@ -292,8 +282,7 @@
</div>
</div>
<!-- Bottom toolbar -->
<div class="flex items-center justify-between px-4 pb-3.5 pt-1 gap-2">
<div class="flex items-center justify-between px-4 pb-3 pt-1 gap-2">
<div class="flex items-center gap-0.5 flex-1 min-w-0">
{#if event && !event.meta?.automation_id}
<button