initial commit

Transgender-Resource-Wiki · May 24, 2024 · 430d01b · 430d01b
1 parent c7ff1a9
commit 430d01b
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 0 deletions.
diff --git a/public/hearts/enby_heart.png b/public/hearts/enby_heart.png
diff --git a/public/hearts/lgbtq_heart.png b/public/hearts/lgbtq_heart.png
diff --git a/public/hearts/transgender_heart.png b/public/hearts/transgender_heart.png
diff --git a/src/components/HeartRow.astro b/src/components/HeartRow.astro
@@ -0,0 +1,25 @@
+---
+interface Props {
+	hearts: string[];
+}
+
+const { hearts } = Astro.props;
+---
+
+<div class="heart-container">
+    {hearts.map((hearts) => <img src={hearts} /> )}
+</div>
+
+<style>
+.heart-container {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    padding: 1rem;
+}
+
+.heart-container img {
+    width: clamp(4rem, 6vw, 8rem);
+    padding-right: 2rem;
+}
+</style>