diff options
Diffstat (limited to 'apps/website/src/pages/mods.astro')
| -rw-r--r-- | apps/website/src/pages/mods.astro | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/apps/website/src/pages/mods.astro b/apps/website/src/pages/mods.astro index af18358..c36c7c8 100644 --- a/apps/website/src/pages/mods.astro +++ b/apps/website/src/pages/mods.astro @@ -11,11 +11,11 @@ import { Code } from 'astro:components'; --- <Layout> - <Section maxWidth="1920px" wFull={true} wrapperClass="h-3/5" class="h-full mt-32 md:mt-28 flex flex-col justify-center items-center max-sm:px-0"> + <Section maxWidth="1920px" wFull={true} wrapperClass="h-3/5" class="h-full mt-32 md:mt-28 flex flex-col justify-center items-center max-xl:px-0"> <div class="flex flex-col justify-center items-center max-w-full overflow-hidden"> - <div class="flex flex-col justify-between items-center overflow-hidden h-auto md:h-[280px] max-w-[1920px] relative"> - <div class="absolute bottom-0 w-full h-full md:h-1/2 z-10" style="background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgb(240, 242, 244));" /> - <Slider wrapperClass="-mb-40 pb-4 max-sm:hidden" childrenNum={8}> + <div class="flex flex-col justify-between items-center overflow-hidden h-auto lg:h-[280px] max-w-[1920px] relative"> + <div class="absolute -bottom-[1px] w-full h-full lg:h-1/2 z-10" style="background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgb(240, 242, 244));" /> + <Slider wrapperClass="-mb-40 pb-4 hidden lg:block" childrenNum={8}> <Card text="Chatting" icon="chatting"/> <Card text="PolySprint" icon="polysprint"/> <Card text="VanillaHUD" icon="vanillahud"/> @@ -123,7 +123,7 @@ public MyConfig() { </div> </Section> - <Section class="flex-col justify-center items-center mb-40"> + <Section wrapperClass="flex justify-center items-center min-h-screen -mt-40" class="flex-col justify-center items-center"> <div class="flex flex-col gap-y-1 relative md:-left-12 justify-center items-center"> <Header size="xl" class="text-navy-peony text-header-page w-11/12 md:max-w-lg text-center">Get our mods, available on Modrinth and GitHub.</Header> <div class="flex flex-row justify-center items-center gap-x-2"> |