1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-08-05 21:25:19 +02:00

Move add button location for log page

This commit is contained in:
Sean Morley 2024-05-11 01:06:43 +00:00
parent bdbb187561
commit c9464a220c

View file

@ -158,20 +158,30 @@
} }
</script> </script>
<div class="flex justify-center items-center w-full mt-4 mb-4"> <div class="fixed bottom-4 right-4">
<article class="prose"> <div class="flex flex-row items-center justify-center gap-4">
<h2 class="text-center">Add new Location</h2> <div class="dropdown dropdown-top dropdown-end">
</article> <div tabindex="0" role="button" class="btn m-1 size-16 btn-primary">
</div> <iconify-icon icon="mdi:plus" class="text-2xl"></iconify-icon>
</div>
<div class="flex flex-row items-center justify-center gap-4"> <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
<button <ul
type="button" tabindex="0"
class="btn btn-secondary" class="dropdown-content z-[1] menu p-4 shadow bg-base-300 text-base-content rounded-box w-52 gap-4"
on:click={() => (isShowingMoreFields = !isShowingMoreFields)} >
> <p class="text-center font-bold text-lg">Create new...</p>
<iconify-icon icon="mdi:plus" class="text-2xl"></iconify-icon> <button
</button> class="btn btn-primary"
on:click={() => (isShowingMoreFields = true)}
>Visited Adventure</button
>
<!-- <button
class="btn btn-primary"
on:click={() => (isShowingNewTrip = true)}>Trip Planner</button
> -->
</ul>
</div>
</div>
</div> </div>
{#if adventures.length != 0} {#if adventures.length != 0}
<div class="flex justify-center items-center w-full mt-4 mb-4"> <div class="flex justify-center items-center w-full mt-4 mb-4">