Add IDs to all components of the website

This commit is contained in:
itsfinniii
2026-03-26 22:08:04 +01:00
parent 1fd51a6a3f
commit 82c0905c0e
6 changed files with 25 additions and 7 deletions

View File

@@ -9,7 +9,10 @@ interface Props {
const equipment = Astro.props.equipment;
---
<div class="flex lg:flex-row flex-col lg:justify-center justify-center py-12 px-12 lg:container mx-auto gap-y-8 lg:gap-x-28 gap-x-18 lg:text-left text-center">
<div
id={`equipment-${equipment.id}`}
class="flex lg:flex-row flex-col lg:justify-center justify-center py-12 px-12 lg:container mx-auto gap-y-8 lg:gap-x-28 gap-x-18 lg:text-left text-center"
>
<div class="flex flex-col gap-1.5">
<h2 class="text-5xl font-bold">{equipment.title}</h2>
{ equipment.text !== null && (