Fix Location page photos overflow hiding its index

2021-10-24 22:03:18 +02:00
parent 726aa60a06
commit 04a0b2bec5
3 changed files with 9 additions and 3 deletions
--- a/src/routes/[country]/[location]/index.svelte
+++ b/src/routes/[country]/[location]/index.svelte
@@ -167,7 +167,7 @@
                            </time>
                        </a>
                    </div>
-                    <div class="photo house__photo shadow-photo">
+                    <figure class="house__photo">
                        <a href="/{params.country}/{params.location}/{slug}">
                            <Image
                                id={id}
@@ -179,12 +179,13 @@
                                }}
                                ratio={1.5}
                                alt="{alt}"
+                                class="photo shadow-photo"
                            />
                            <span class="house__index title-index">
                                {(totalPhotos - index < 10) ? '0' : ''}{totalPhotos - index}
                            </span>
                        </a>
-                    </div>
+                    </figure>
                </div>
            {/each}
        </section>