diff options
| author | Adam Soltys <[email protected]> | 2023-11-17 10:25:21 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-11-17 10:25:21 -0800 |
| commit | 2daee6140cf45493312165569bc7f2dd492555a9 (patch) | |
| tree | be88ffd6b64590e8b9b22a5333fdd84738be187e /src | |
| parent | 88a466fe9863919e8f5d10d117b561f91bb2964e (diff) | |
| download | coinos-ui-2daee6140cf45493312165569bc7f2dd492555a9.tar.gz coinos-ui-2daee6140cf45493312165569bc7f2dd492555a9.zip | |
map styles
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/Popup.svelte | 45 |
1 files changed, 20 insertions, 25 deletions
diff --git a/src/components/Popup.svelte b/src/components/Popup.svelte index e0cec12e..1f6a2cf6 100644 --- a/src/components/Popup.svelte +++ b/src/components/Popup.svelte @@ -4,37 +4,32 @@ let addr = (tags) => { let { 'addr:housenumber': house, 'addr:street': street, 'addr:city': city } = tags; - if (house) return `${house} ${street}, ${city}`; - if (street) return `${street}, ${city}`; - if (city) return city; + if (house) return `${house} ${street}`; return ''; }; </script> {#if tags} - <span class="block font-bold">{tags.name}</span> - - <span class="block">{addr(tags)}</span> - - {#if tags.phone} - <a href="tel:${tags.phone}" class="block">{tags.phone}</a> - {/if} - - {#if tags.website} - <a href="${tags.website}" target="_blank" rel="noreferrer" class="block text-blue-400 break-all" - >{tags.website}</a - > - {/if} - {#if tags.user} - <a href={`/${tags.user.username}`}> - <div class="flex gap-1"> - <Avatar user={tags.user} size={16} /> - <div class="my-auto"> - {tags.user.username} - </div> - </div> + <a href={`/${tags.user.username}`}> + <div class="space-y-5"> + <div> + <span class="block font-bold">{tags.name}</span> + <span class="block">{addr(tags)}</span> + </div> + + <div class="flex w-full"> + <div class="flex gap-1 mx-auto"> + <Avatar user={tags.user} size={16} /> + <div class="my-auto"> + {tags.user.username.toLowerCase()} + </div> + </div> + </div> + </div> </a> + {:else} + <span class="block font-bold">{tags.name}</span> + <span class="block">{addr(tags)}</span> {/if} - {/if} |