mirror of
https://github.com/LukeHagar/website.git
synced 2025-12-09 21:07:46 +00:00
update styles
This commit is contained in:
@@ -33,7 +33,7 @@
|
|||||||
<Tabs.Root
|
<Tabs.Root
|
||||||
value={navItems[0].value}
|
value={navItems[0].value}
|
||||||
{onValueChange}
|
{onValueChange}
|
||||||
class="-mt-8 flex flex-col items-center justify-center gap-12"
|
class="flex flex-col items-center justify-center gap-12 md:-mt-8"
|
||||||
>
|
>
|
||||||
<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"
|
||||||
|
|||||||
@@ -69,7 +69,7 @@
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="-mt-8 w-full overflow-x-hidden [scrollbar-width:none]">
|
<div class="-mt-8 w-full overflow-x-scroll [scrollbar-width:none] md:overflow-x-hidden">
|
||||||
<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]"
|
||||||
>
|
>
|
||||||
@@ -96,7 +96,7 @@
|
|||||||
use:mousePosition
|
use:mousePosition
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="relative w-full origin-bottom -translate-x-16 transform-[perspective(25px)_rotateX(1deg)_scale3d(1.4,_1.4,_1)] transition-all [scrollbar-width:none]"
|
class="relative w-full origin-bottom transform-[perspective(25px)_rotateX(1deg)_scale3d(1.4,_1.4,_1)] 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