diff options
| author | LynithDev <61880709+LynithDev@users.noreply.github.com> | 2023-12-27 13:26:11 +0100 |
|---|---|---|
| committer | LynithDev <61880709+LynithDev@users.noreply.github.com> | 2023-12-27 13:26:11 +0100 |
| commit | 2dda71f216ed8e06c2ebeb4bdcf9cd3d19519c47 (patch) | |
| tree | f713ec08bdb09099c42a8e56a92eb0ef5d18aac7 /apps/website/src/pages | |
| parent | f8da6344f2e6c3ec58d90a9731f6bf7b96787cc9 (diff) | |
| download | Nexus-2dda71f216ed8e06c2ebeb4bdcf9cd3d19519c47.tar.gz Nexus-2dda71f216ed8e06c2ebeb4bdcf9cd3d19519c47.tar.bz2 Nexus-2dda71f216ed8e06c2ebeb4bdcf9cd3d19519c47.zip | |
Slight changes to mods page
Diffstat (limited to 'apps/website/src/pages')
| -rw-r--r-- | apps/website/src/pages/mods.astro | 36 | ||||
| -rw-r--r-- | apps/website/src/pages/projects/oneconfig.astro | 4 |
2 files changed, 38 insertions, 2 deletions
diff --git a/apps/website/src/pages/mods.astro b/apps/website/src/pages/mods.astro index 8553c7a..4409583 100644 --- a/apps/website/src/pages/mods.astro +++ b/apps/website/src/pages/mods.astro @@ -1,8 +1,44 @@ --- +import Card from '@components/base/Card.astro'; +import Header from '@components/base/Header.astro'; +import Section from '@components/base/Section.astro'; +import Slider from '@components/base/Slider.astro'; import Layout from '@layouts/Layout.astro'; --- <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 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}> + <Card text="Chatting" icon="chatting"/> + <Card text="PolySprint" icon="polysprint"/> + <Card text="VanillaHUD" icon="vanillahud"/> + <Card text="OverflowAnimations" icon="overflowanimations"/> + <Card text="CrashPatch" icon="crashpatch"/> + <Card text="PolyTime" icon="polytime"/> + <Card text="PolyWeather" icon="polyweather"/> + <Card text="Keystrokes" icon="keystrokes"/> + </Slider> + <Slider dir="right" childrenNum={8}> + <Card text="Chatting" icon="chatting"/> + <Card text="PolySprint" icon="polysprint"/> + <Card text="VanillaHUD" icon="vanillahud"/> + <Card text="OverflowAnimations" icon="overflowanimations"/> + <Card text="CrashPatch" icon="crashpatch"/> + <Card text="PolyTime" icon="polytime"/> + <Card text="PolyWeather" icon="polyweather"/> + <Card text="Keystrokes" icon="keystrokes"/> + </Slider> + </div> + </div> + + <div class="flex flex-col justify-start items-center max-w-full mt-6 md:mt-10"> + <Header align="center" size="xxl" class="text-navy-peony max-w-xl">Redefining modding, one mod at a time</Header> + </div> + </Section> + </Layout> diff --git a/apps/website/src/pages/projects/oneconfig.astro b/apps/website/src/pages/projects/oneconfig.astro index dc3367a..6ad725b 100644 --- a/apps/website/src/pages/projects/oneconfig.astro +++ b/apps/website/src/pages/projects/oneconfig.astro @@ -135,7 +135,7 @@ import { Code } from 'astro:components'; <!-- TODO: add more 3rd party mods, like DSM PSS and Neu maybe --> <div class="flex flex-col justify-center items-center bg-blue-100 pb-10 max-w-full overflow-hidden"> <div class="flex flex-col justify-between items-center overflow-hidden h-[280px] max-w-[1920px]"> - <Slider wrapperClass="-mb-40 pb-4" childrenNum={8}> + <Slider wrapperClass="-mb-40 pb-4 bg-blue-100" childrenNum={8}> <Card text="Chatting" icon="chatting"/> <Card text="PolySprint" icon="polysprint"/> <Card text="VanillaHUD" icon="vanillahud"/> @@ -145,7 +145,7 @@ import { Code } from 'astro:components'; <Card text="PolyWeather" icon="polyweather"/> <Card text="Keystrokes" icon="keystrokes"/> </Slider> - <Slider dir="right" childrenNum={8}> + <Slider dir="right" wrapperClass="bg-blue-100" childrenNum={8}> <Card text="Chatting" icon="chatting"/> <Card text="PolySprint" icon="polysprint"/> <Card text="VanillaHUD" icon="vanillahud"/> |