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

Merge pull request #574 from lkiesow/transportation-card-badges

Browse Source 
Prevent UI overlaps in transportation card
This commit is contained in:
Sean Morley
2025-04-18 11:49:52 -04:00
committed by GitHub
parent 64377c0300 ea85c5fc5a
commit 233d2be63f
1 changed files with 12 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/lib/components/TransportationCard.svelte
View File

@@ -110,22 +110,20 @@
> >
<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="card-title text-lg font-semibold truncate">{transportation.name}</h2>
<h2 class="card-title text-lg font-semibold truncate">{transportation.name}</h2> <div>
<div class="flex items-center gap-2"> <div class="badge badge-secondary">
<div class="badge badge-secondary"> {$t(`transportation.modes.${transportation.type}`) +
{$t(`transportation.modes.${transportation.type}`) + ' ' +
' ' + getTransportationIcon(transportation.type)}
getTransportationIcon(transportation.type)}
</div>
{#if transportation.type == 'plane' && transportation.flight_number}
<div class="badge badge-neutral-200">{transportation.flight_number}</div>
{/if}
</div> </div>
{#if transportation.type == 'plane' && transportation.flight_number}
<div class="badge badge-neutral-200">{transportation.flight_number}</div>
{/if}
{#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}
<!-- Locations --> <!-- Locations -->
<div class="space-y-2"> <div class="space-y-2">