Show event duration in landscape mode

This commit is contained in:
tpjanssen 2023-10-24 16:15:55 +02:00
parent e0e8a6fcc9
commit 312580dd63

View File

@ -776,11 +776,11 @@ function Event({
<div className="text-sm flex"> <div className="text-sm flex">
<Clock className="h-5 w-5 mr-2 inline" /> <Clock className="h-5 w-5 mr-2 inline" />
{formatUnixTimestampToDateTime(event.start_time, { ...config.ui })} {formatUnixTimestampToDateTime(event.start_time, { ...config.ui })}
<div className="hidden md:inline"> <div className="hidden landscape:inline">
<span className="m-1">-</span> <span className="m-1">-</span>
<TimeAgo time={event.start_time * 1000} dense /> <TimeAgo time={event.start_time * 1000} dense />
</div> </div>
<div className="hidden md:inline"> <div className="hidden landscape:inline">
<span className="m-1" />( {getDurationFromTimestamps(event.start_time, event.end_time)} ) <span className="m-1" />( {getDurationFromTimestamps(event.start_time, event.end_time)} )
</div> </div>
</div> </div>