Merge pull request #84 from seanmorley15/development

refactor: Update AdventureCard component layout for responsive design
This commit is contained in:
Sean Morley
2024-06-08 11:43:02 -04:00
committed by GitHub

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 !== ""}