mirror of
https://github.com/LukeHagar/website.git
synced 2025-12-09 21:07:46 +00:00
updates
This commit is contained in:
@@ -20,7 +20,7 @@ export const useMousePosition = () => {
|
|||||||
() => {
|
() => {
|
||||||
node.addEventListener('mousemove', handleMouseMove);
|
node.addEventListener('mousemove', handleMouseMove);
|
||||||
},
|
},
|
||||||
{ amount: 'all' }
|
{ amount: 'any' }
|
||||||
);
|
);
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
|||||||
@@ -56,7 +56,7 @@
|
|||||||
aria-label={city}
|
aria-label={city}
|
||||||
>
|
>
|
||||||
<span
|
<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"
|
style:animation-duration="1.5s"
|
||||||
></span>
|
></span>
|
||||||
<span class="bg-accent absolute inline-flex h-full w-full rounded-full"></span>
|
<span class="bg-accent absolute inline-flex h-full w-full rounded-full"></span>
|
||||||
|
|||||||
@@ -27,8 +27,8 @@
|
|||||||
{#if $tooltipData.city}
|
{#if $tooltipData.city}
|
||||||
<div
|
<div
|
||||||
class="pointer-events-none absolute"
|
class="pointer-events-none absolute"
|
||||||
style:left="{coords.x + 10}px"
|
style:left="{coords.x - 50}px"
|
||||||
style:top="{coords.y + 20}px"
|
style:top="{coords.y - 50}px"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class={classNames(
|
class={classNames(
|
||||||
|
|||||||
@@ -113,7 +113,7 @@
|
|||||||
use:mousePosition
|
use:mousePosition
|
||||||
>
|
>
|
||||||
<div
|
<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:clientWidth={dimensions.width}
|
||||||
bind:clientHeight={dimensions.height}
|
bind:clientHeight={dimensions.height}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user