Add some shadows

This commit is contained in:
itsfinniii
2026-03-25 22:20:33 +01:00
parent d2c04d58f2
commit 395d5d073a
2 changed files with 3 additions and 3 deletions

View File

@@ -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>

View File

@@ -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>