public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

reduces breakpoint max-w (#1072)

pull/1070/head
Syed Ali Shahbaz 2021-10-29 15:33:37 +05:30 committed by GitHub
parent eefb829f75
commit ed4587b3af
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/booking/BookingListItem.tsx
View File

@ -74,8 +74,8 @@ function BookingListItem(booking: BookingItem) {
return (
<tr>
<td className="hidden sm:table-cell px-6 py-4 whitespace-nowrap align-top">
<div className="text-sm text-gray-900 leading-6">{startTime}</div>
<td className="hidden px-6 py-4 align-top sm:table-cell whitespace-nowrap">
<div className="text-sm leading-6 text-gray-900">{startTime}</div>
<div className="text-sm text-gray-500">
{dayjs(booking.startTime).format("HH:mm")} - {dayjs(booking.endTime).format("HH:mm")}
</div>
@ -87,14 +87,14 @@ function BookingListItem(booking: BookingItem) {
{t("unconfirmed")}
</span>
)}
<div className="text-sm text-gray-900 font-medium">
<div className="text-sm font-medium text-gray-900">
{startTime}:{" "}
<small className="text-sm text-gray-500">
{dayjs(booking.startTime).format("HH:mm")} - {dayjs(booking.endTime).format("HH:mm")}
</small>
</div>
</div>
<div className="text-sm text-neutral-900 font-medium leading-6 truncate max-w-60 md:max-w-96">
<div className="text-sm font-medium leading-6 truncate text-neutral-900 max-w-52 md:max-w-96">
{booking.eventType?.team && <strong>{booking.eventType.team.name}: </strong>}
{booking.title}
{!booking.confirmed && !booking.rejected && (
@ -104,7 +104,7 @@ function BookingListItem(booking: BookingItem) {
)}
</div>
{booking.description && (
<div className="text-sm text-gray-500 truncate max-w-60 md:max-w-96" title={booking.description}>
<div className="text-sm text-gray-500 truncate max-w-52 md:max-w-96" title={booking.description}>
&quot;{booking.description}&quot;
</div>
)}
@ -115,7 +115,7 @@ function BookingListItem(booking: BookingItem) {
)}
</td>
<td className="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
<td className="px-6 py-4 text-sm font-medium text-right whitespace-nowrap">
{isUpcoming && !isCancelled ? (
<>
{!booking.confirmed && !booking.rejected && <TableActions actions={pendingActions} />}