This commit is contained in:
Jesse Winton
2025-04-15 14:16:55 -04:00
parent 74037102c9
commit 986a5d4779
4 changed files with 5 additions and 5 deletions

View File

@@ -20,7 +20,7 @@ export const useMousePosition = () => {
() => {
node.addEventListener('mousemove', handleMouseMove);
},
{ amount: 'all' }
{ amount: 'any' }
);
return {

View File

@@ -56,7 +56,7 @@
aria-label={city}
>
<span
class="from-accent/20 to-accent/10 border-gradient ease-spring absolute inline-flex h-5 w-5 rounded-full bg-gradient-to-b opacity-0 transition-opacity group-hover:animate-ping group-hover:opacity-75 before:rounded-full"
class="from-accent/20 to-accent/10 border-gradient ease-spring pointer-events-none absolute inline-flex h-5 w-5 rounded-full bg-gradient-to-b opacity-0 transition-opacity group-hover:animate-ping group-hover:opacity-75 before:rounded-full"
style:animation-duration="1.5s"
></span>
<span class="bg-accent absolute inline-flex h-full w-full rounded-full"></span>

View File

@@ -27,8 +27,8 @@
{#if $tooltipData.city}
<div
class="pointer-events-none absolute"
style:left="{coords.x + 10}px"
style:top="{coords.y + 20}px"
style:left="{coords.x - 50}px"
style:top="{coords.y - 50}px"
>
<div
class={classNames(

View File

@@ -113,7 +113,7 @@
use:mousePosition
>
<div
class="relative w-full origin-bottom transform-[perspective(20px)_rotateX(1deg)_scale3d(1.5,_1.5,_1)] overflow-scroll transition-all [scrollbar-width:none]"
class="relative w-full origin-bottom -translate-y-20 transform-[perspective(20px)_rotateX(1deg)_scale3d(1.5,_1.5,_1)] overflow-scroll transition-all [scrollbar-width:none]"
bind:clientWidth={dimensions.width}
bind:clientHeight={dimensions.height}
>