alex/voyage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update AdventureCard and Navbar components

Browse Source
This commit is contained in:
Sean Morley
2024-04-01 21:35:21 +00:00
parent 301e630405
commit a0f07a9980
3 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/AdventureCard.svelte
View File

@@ -17,7 +17,7 @@
}
</script>
<div class="card min-w-max w-96 bg-neutral shadow-xl overflow-hidden">
<div class="card min-w-max lg:w-96 md:w-80 sm:w-60 xs:w-40 bg-neutral shadow-xl overflow-hidden">
<div class="card-body">
<h2 class="card-title overflow-ellipsis">{name}</h2>
<p><img src={locationDot} class="inline-block -mt-1 mr-1" alt="Logo" />{location}</p>

14
src/lib/components/Navbar.svelte
View File

@@ -9,15 +9,15 @@
goto('/log');
}
</script>
<div class="navbar bg-base-100">
<div class="navbar-start">
<button class="btn btn-primary mr-4 ml-2" on:click={goHome}>Home</button>
<button class="btn btn-primary" on:click={goToLog}>My Log</button>
<div class="navbar bg-base-100 flex flex-col md:flex-row">
<div class="navbar-start flex justify-around md:justify-start">
<button class="btn btn-primary my-2 md:my-0 md:mr-4 md:ml-2" on:click={goHome}>Home</button>
<button class="btn btn-primary my-2 md:my-0" on:click={goToLog}>My Log</button>
</div>
<div class="navbar-center">
<div class="navbar-center flex justify-center md:justify-center">
<a class="btn btn-ghost text-xl" href="/">AdventureLog 🗺️</a>
</div>
<div class="navbar-end">
<div class="navbar-end flex justify-around md:justify-end">
<p>Adventures: {getNumberOfAdventures()} </p>
</div>
</div>
</div>