Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-07-23 14:59:36 +02:00
Code Issues Releases Activity

Merge pull request #314 from seanmorley15/worldtravel-v2

Browse source 
WorldTravel v2
This commit is contained in:
Sean Morley 2024-09-13 20:57:34 -04:00 • committed by GitHub
commit 3c43f3cfad
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
20 changed files with 387 additions and 97 deletions
Download patch file Download diff file Expand all files Collapse all files

9
frontend/src/lib/components/CountryCard.svelte
View file

@ -5,6 +5,8 @@
import { createEventDispatcher } from 'svelte';
const dispatch = createEventDispatcher();
import MapMarkerStar from '~icons/mdi/map-marker-star';
export let country: Country;
async function nav() {
@ -21,7 +23,12 @@
</figure>
<div class="card-body">
<h2 class="card-title overflow-ellipsis">{country.name}</h2>
<div class="badge badge-primary">{continentCodeToString(country.continent)}</div>
{#if country.subregion}
<div class="badge badge-primary">{country.subregion}</div>
{/if}
{#if country.capital}
<div class="badge badge-secondary"><MapMarkerStar class="-ml-1 mr-1" />{country.capital}</div>
{/if}
<div class="card-actions justify-end">
<!-- <button class="btn btn-info" on:click={moreInfo}>More Info</button> -->
<button class="btn btn-primary" on:click={nav}>Open</button>