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