Add featured adventure locations and fix conditional rendering in log page

This commit is contained in:
Sean Morley
2024-04-02 18:31:44 +00:00
parent ad568bb3fa
commit 9baab4c675
3 changed files with 14 additions and 4 deletions

View File

@@ -18,6 +18,12 @@
}
</script>
<div class="flex justify-center items-center w-full mt-4 mb-4">
<article class="prose">
<h1 class="text-center">Featured Adventure Locations</h1>
</article>
</div>
<div class="grid xl:grid-cols-3 lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 gap-4 mt-4 content-center auto-cols-auto ml-6 mr-6">
{#each data.result as adventure (adventure.id)}
<FeaturedAdventureCard on:add={add} name={adventure.name} location={adventure.location} />

View File

@@ -107,13 +107,13 @@
<input class="btn btn-primary" type="submit" value="Add Adventure">
</form>
</div>
{#if adventures.length != 0}
<div class="flex justify-center items-center w-full mt-4 mb-4">
<article class="prose">
<h1 class="text-center">My Visited Adventure Locations</h1>
</article>
</div>
{/if}
{#if isShowingToast}
<SucessToast action={toastAction} />