itsfinniii/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add some shadows

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

4
astro/src/components/web/EquipmentTable.astro
View File

@@ -20,7 +20,7 @@ const equipment = Astro.props.equipment;
<tbody> <tbody>
{ equipment.items.map((item, index: number) => ( { equipment.items.map((item, index: number) => (
<tr class="odd:bg-gray-100 even:bg-gray-50 my-2"> <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"> <div class="flex flex-row justify-end items-center gap-1.5">
{ item.icon !== null && ( { item.icon !== null && (
<Image <Image
@@ -33,7 +33,7 @@ const equipment = Astro.props.equipment;
<span>{item.title}</span> <span>{item.title}</span>
</div> </div>
</th> </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> </tr>
)) } )) }
</tbody> </tbody>

2
astro/src/components/web/UpcomingEvents.astro
View File

@@ -22,7 +22,7 @@ const upcomingEvents = Astro.props.upcomingEvents;
src={event.thumbnail.url} src={event.thumbnail.url}
width={event.thumbnail.width} width={event.thumbnail.width}
height={event.thumbnail.height} 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="" alt=""
/> />
</div> </div>