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

tweaks

Browse Source
This commit is contained in:
Jesse Winton
2025-04-15 14:28:40 -04:00
parent 61b894def2
commit d12a8828d1
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/appwrite-network/map-nav.svelte
View File

@@ -33,7 +33,7 @@
<Tabs.Root <Tabs.Root
value={navItems[0].value} value={navItems[0].value}
{onValueChange} {onValueChange}
class="-mt-40 flex flex-col items-center justify-center gap-12" class="-mt-20 flex flex-col items-center justify-center gap-12"
> >
<Tabs.List <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" 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"

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

@@ -86,7 +86,7 @@
</div> </div>
{/if} {/if}
<div class="w-full overflow-scroll [scrollbar-width:none]"> <div class="-mt-8 w-full overflow-scroll [scrollbar-width:none]">
<div <div
class="sticky left-0 z-10 mb-8 hidden w-screen gap-2 overflow-scroll px-8 [scrollbar-width:none]" 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>
<div <div
class="relative container mx-auto flex h-full w-[250vw] flex-col justify-center overflow-scroll px-0 py-10 transition-all delay-250 duration-250 [scrollbar-width:none] md:w-fit md:flex-row md:overflow-auto md:py-0" 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"
use:inView use:inView
use:mousePosition use:mousePosition
> >
<div <div
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]" 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]"
bind:clientWidth={dimensions.width} bind:clientWidth={dimensions.width}
bind:clientHeight={dimensions.height} bind:clientHeight={dimensions.height}
> >
@@ -133,7 +133,7 @@
<img <img
src="/images/appwrite-network/map.svg" src="/images/appwrite-network/map.svg"
class="pointer-events-none relative -z-10 opacity-10" class="pointer-events-none relative -z-10 max-h-[550px] w-full object-cover opacity-10"
draggable="false" draggable="false"
alt="Map of the world" alt="Map of the world"
/> />