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

Merge pull request #552 from lkiesow/lodging-card

Browse Source 
Prevent UI overlaps in lodging card
This commit is contained in:
Sean Morley
2025-04-06 20:25:11 -04:00
committed by GitHub
parent af2778ff61 658764fb58
commit 15d34c88dc
1 changed files with 7 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/lib/components/LodgingCard.svelte
View File

@@ -96,20 +96,15 @@
> >
<div class="card-body space-y-4"> <div class="card-body space-y-4">
<!-- Title and Type --> <!-- Title and Type -->
<div class="flex items-center justify-between"> <h2 class="text-2xl font-semibold">{lodging.name}</h2>
<h2 class="card-title text-lg font-semibold truncate">{lodging.name}</h2> <div>
<div class="flex items-center gap-2"> <div class="badge badge-secondary">
<div class="badge badge-secondary"> {$t(`lodging.${lodging.type}`) + ' ' + getLodgingIcon(lodging.type)}
{$t(`lodging.${lodging.type}`) + ' ' + getLodgingIcon(lodging.type)}
</div>
<!-- {#if hotel.type == 'plane' && hotel.flight_number}
<div class="badge badge-neutral-200">{hotel.flight_number}</div>
{/if} -->
</div> </div>
{#if unlinked}
<div class="badge badge-error">{$t('adventures.out_of_range')}</div>
{/if}
</div> </div>
{#if unlinked}
<div class="badge badge-error">{$t('adventures.out_of_range')}</div>
{/if}
<!-- Location --> <!-- Location -->
<div class="space-y-2"> <div class="space-y-2">