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

Prevent UI overlaps in lodging card

Browse source 
This patch prevents overlapping UI eelements in the ledging card. It
adjusts the UI to be more like the adventure cards when it comes to font
size and element placing.

This partly fixes #539
This commit is contained in:
Lars Kiesow 2025-04-07 01:38:14 +02:00
parent dbd417ca87
commit 658764fb58
No known key found for this signature in database
GPG key ID: 5DAFE8D9C823CE73
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">