update styles

This commit is contained in:
Jesse Winton
2025-04-15 14:46:44 -04:00
parent 0413545470
commit e7d6aa2760
2 changed files with 3 additions and 3 deletions

View File

@@ -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"

View File

@@ -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}
> >