aljaz/njump
1
0
Fork 0
mirror of https://github.com/aljazceru/njump.git synced 2026-02-12 01:24:28 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix date background in calendar events with different start/end

Browse Source
This commit is contained in:
Daniele Tonon
2024-03-04 23:58:49 +01:00
parent b340d5ba3d
commit a4fc92e01e
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
calendar_event.templ
View File

@@ -14,7 +14,6 @@ templ calendarEventTemplate(params CalendarPageParams) {
<h1 class="text-2xl">
{ params.CalendarEvent.Title }
</h1>
<div class="flex flex-col sm:flex-row">
if params.StartAtDate == params.EndAtDate {
<div class="sm:w-[30%] sm:mr-4 mb-4 sm:mb-0">
@@ -27,16 +26,16 @@ templ calendarEventTemplate(params CalendarPageParams) {
</div>
</div>
} else {
<div class="sm:w-1/4 sm:mr-4">
<div class="sm:w-1/5 sm:mr-4">
<div class="font-semibold text-sm ml-2">Start date</div>
<div class="py-2 px-4 bg-accent text-white rounded-md">
<div class="py-2 px-4 bg-strongpink text-white rounded-md">
<div>{ params.StartAtDate }</div>
<div class="text-sm">{ params.StartAtTime }</div>
</div>
</div>
<div class="sm:w-1/4 sm:mr-4">
<div class="sm:w-1/5 sm:mr-4">
<div class="font-semibold text-sm ml-2">End date</div>
<div class="py-2 px-4 bg-accent text-white rounded-md">
<div class="py-2 px-4 bg-strongpink text-white rounded-md">
<div>{ params.EndAtDate }</div>
<div class="text-sm">{ params.EndAtTime }</div>
</div>