LukeParke/website
1
0
Fork 0
mirror of https://github.com/LukeHagar/website.git synced 2025-12-06 21:07:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

update the map

Browse Source
This commit is contained in:
Jesse Winton
2025-05-21 15:11:04 -04:00
parent e3dfff7130
commit ad5d030d10
5 changed files with 96 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/lib/components/appwrite-network/map-tooltip.svelte
View File

@@ -68,18 +68,20 @@
});
</script>
<div class="pointer-events-none absolute z-10 hidden md:block">
<div class="pointer-events-none absolute z-100 hidden md:block">
{#if tooltipData.city}
<div
class={classNames(
'border-gradient relative z-100 flex w-[190px] flex-col gap-2 rounded-[10px] p-2 backdrop-blur-lg before:rounded-[10px] after:rounded-[10px]'
)}
style:transform={`translateX(${x + 125}px) translateY(${y + 200}px)`}
style:transform={`translateX(${x + 250}px) translateY(${y - 620}px)`}
>
<span class="text-primary text-caption w-fit">
{tooltipData.city}
({tooltipData.code})
</span>
{#key tooltipData.city}
<span class="text-primary text-caption w-fit" bind:this={city}>
{tooltipData.city}
({tooltipData.code})
</span>
{/key}
{#if tooltipData.available}
<div
class="text-caption flex h-5 items-center justify-center place-self-start rounded-md bg-[#10B981]/24 p-1 text-center text-[#B4F8E2]"