Add some shadows
This commit is contained in:
@@ -20,7 +20,7 @@ const equipment = Astro.props.equipment;
|
||||
<tbody>
|
||||
{ equipment.items.map((item, index: number) => (
|
||||
<tr class="odd:bg-gray-100 even:bg-gray-50 my-2">
|
||||
<th class={`text-right pr-4 py-0.5 leading-tight ps-4 ${index === 0 && "rounded-tl-2xl"} ${(index + 1) === equipment.items.length && "rounded-bl-2xl"}`}>
|
||||
<th class={`text-right pr-4 py-0.5 leading-tight ps-4 ${index === 0 && "rounded-tl-2xl"} ${(index + 1) === equipment.items.length && "rounded-bl-2xl shadow-sm"}`}>
|
||||
<div class="flex flex-row justify-end items-center gap-1.5">
|
||||
{ item.icon !== null && (
|
||||
<Image
|
||||
@@ -33,7 +33,7 @@ const equipment = Astro.props.equipment;
|
||||
<span>{item.title}</span>
|
||||
</div>
|
||||
</th>
|
||||
<td class={`text-left leading-tight pe-4 ${index === 0 && "rounded-tr-2xl"} ${(index + 1) === equipment.items.length && "rounded-br-2xl"}`}>{item.text}</td>
|
||||
<td class={`text-left leading-tight pe-4 ${index === 0 && "rounded-tr-2xl"} ${(index + 1) === equipment.items.length && "rounded-br-2xl shadow-sm"}`}>{item.text}</td>
|
||||
</tr>
|
||||
)) }
|
||||
</tbody>
|
||||
|
||||
@@ -22,7 +22,7 @@ const upcomingEvents = Astro.props.upcomingEvents;
|
||||
src={event.thumbnail.url}
|
||||
width={event.thumbnail.width}
|
||||
height={event.thumbnail.height}
|
||||
class={`aspect-15/9 rounded-2xl shadow-sm object-cover`}
|
||||
class={`aspect-15/9 rounded-2xl shadow-md object-cover`}
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user