alex/voyage
1
0
Fork 0
Code Issues Pull Requests Actions 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> </script>
<div <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> <figure>
<!-- svelte-ignore a11y-img-redundant-alt --> <!-- svelte-ignore a11y-img-redundant-alt -->
@@ -51,7 +51,7 @@
</figure> </figure>
<div class="card-body"> <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} {adventure.name}
</h2> </h2>
{#if adventure.location && adventure.location !== ""} {#if adventure.location && adventure.location !== ""}