mirror of
https://github.com/LukeHagar/website.git
synced 2025-12-10 04:22:18 +00:00
update
This commit is contained in:
@@ -33,7 +33,7 @@
|
||||
<Tabs.Root
|
||||
value={navItems[0].value}
|
||||
{onValueChange}
|
||||
class="-mt-20 flex flex-col items-center justify-center gap-12"
|
||||
class="-mt-8 flex flex-col items-center justify-center gap-12"
|
||||
>
|
||||
<Tabs.List
|
||||
class="border-smooth animate-fade-in bg-card relative grid w-full max-w-xl grid-cols-1 place-content-center gap-3 p-1 px-8 drop-shadow-md md:grid-cols-3 md:rounded-full md:border md:px-1"
|
||||
|
||||
@@ -69,7 +69,7 @@
|
||||
}
|
||||
};
|
||||
|
||||
const debug = false;
|
||||
const debug = true;
|
||||
</script>
|
||||
|
||||
{#if dev && debug}
|
||||
@@ -86,7 +86,7 @@
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<div class="-mt-8 w-full overflow-scroll [scrollbar-width:none]">
|
||||
<div class="-mt-8 w-full overflow-x-hidden [scrollbar-width:none]">
|
||||
<div
|
||||
class="sticky left-0 z-10 mb-8 hidden w-screen gap-2 overflow-scroll px-8 [scrollbar-width:none]"
|
||||
>
|
||||
@@ -108,12 +108,12 @@
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="relative mx-auto flex h-full w-[250vw] flex-col justify-center px-0 py-10 transition-all delay-250 duration-250 [scrollbar-width:none] md:w-fit md:flex-row md:py-0"
|
||||
class="relative mx-auto h-full w-[250vw] [scrollbar-width:none] md:w-fit"
|
||||
use:inView
|
||||
use:mousePosition
|
||||
>
|
||||
<div
|
||||
class="relative w-full origin-bottom transform-[perspective(25px)_rotateX(0.75deg)_scale3d(1.4,_1.4,_1)] overflow-scroll transition-all [scrollbar-width:none]"
|
||||
class="relative w-full max-w-screen origin-bottom transform-[perspective(25px)_rotateX(0.75deg)_scale3d(1.4,_1.4,_1)] transition-all [scrollbar-width:none]"
|
||||
bind:clientWidth={dimensions.width}
|
||||
bind:clientHeight={dimensions.height}
|
||||
>
|
||||
@@ -133,7 +133,7 @@
|
||||
|
||||
<img
|
||||
src="/images/appwrite-network/map.svg"
|
||||
class="pointer-events-none relative -z-10 max-h-[550px] w-full object-cover opacity-10"
|
||||
class="pointer-events-none relative -z-10 max-h-[525px] w-full opacity-10"
|
||||
draggable="false"
|
||||
alt="Map of the world"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user