Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-07-29 09:49:38 +02:00
Code Issues Releases Activity

refactor: Update AdventureCard component layout for responsive design

Browse source
This commit is contained in:
Sean Morley 2024-06-08 15:41:46 +00:00
parent 8ca74ab963
commit fcc97f4e6e
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/lib/components/AdventureCard.svelte
View file

@ -38,7 +38,7 @@
</script>
<div
class="card min-w-max lg:w-96 md:w-80 sm:w-60 xs:w-40 bg-primary-content shadow-xl overflow-hidden text-base-content"
class="card w-full max-w-xs sm:max-w-sm md:max-w-md lg:max-w-md xl:max-w-md bg-primary-content shadow-xl overflow-hidden text-base-content"
>
<figure>
<!-- svelte-ignore a11y-img-redundant-alt -->
@ -51,7 +51,7 @@
</figure>
<div class="card-body">
<h2 class="card-title break-words max-w-11 text-wrap">
<h2 class="card-title break-words text-wrap">
{adventure.name}
</h2>
{#if adventure.location && adventure.location !== ""}