mirror/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2026-03-25 09:43:43 -04:00
Code Issues Packages Projects Releases Wiki 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 !== ""}