diff --git a/src/App.svelte b/src/App.svelte index 2b2216e..359568f 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -32,6 +32,18 @@ const params = new URL(document.location).searchParams.getAll('c'); + const headers = mobile + ? { + left: 'title', + center: 'prev,today,next', + right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek' + } + : { + left: 'prev,next today', + center: 'title', + right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek' + }; + let calendar; let options = writable({ @@ -46,13 +58,7 @@ ], locale: frLocale, allDayContent: '', - headerToolbar: { - left: mobile ? false : 'prev,next today', - center: 'title', - right: mobile - ? 'prev,today,next dayGridMonth,timeGridWeek,timeGridDay,listWeek' - : 'dayGridMonth,timeGridWeek,timeGridDay,listWeek' - }, + headerToolbar: headers, height: '100%', schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives', nowIndicator: true, @@ -142,6 +148,11 @@ margin-bottom: 0 !important; } + + :global(.fc-toolbar-chunk:not(:last-child)) { + margin-bottom: 0.25em; + } + @media (max-width: 765px) { :global(.fc-header-toolbar) { flex-direction: column;