diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/LocationsMap.svelte | 2 | ||||
| -rw-r--r-- | src/components/Popup.svelte | 15 |
2 files changed, 10 insertions, 7 deletions
diff --git a/src/components/LocationsMap.svelte b/src/components/LocationsMap.svelte index 07669a42..a06c993b 100644 --- a/src/components/LocationsMap.svelte +++ b/src/components/LocationsMap.svelte @@ -270,6 +270,6 @@ color: black; background-color: white; overflow: hidden; - width: 260px; + width: 280px; } </style> diff --git a/src/components/Popup.svelte b/src/components/Popup.svelte index 1f6a2cf6..9c48b76b 100644 --- a/src/components/Popup.svelte +++ b/src/components/Popup.svelte @@ -1,4 +1,5 @@ <script> + import { page } from '$app/stores'; import { Avatar } from '$comp'; export let tags; @@ -18,16 +19,18 @@ <span class="block">{addr(tags)}</span> </div> + <div> <div class="flex w-full"> - <div class="flex gap-1 mx-auto"> + <div class="mx-auto"> <Avatar user={tags.user} size={16} /> - <div class="my-auto"> - {tags.user.username.toLowerCase()} - </div> </div> </div> - </div> - </a> + <div class="break-all font-bold text-center"> + {$page.url.host}/{tags.user.username.toLowerCase()} + </div> + </div> + </div> + </a> {:else} <span class="block font-bold">{tags.name}</span> <span class="block">{addr(tags)}</span> |