From 569eed93a68c0cc6707f8640f5dd569f6176964a Mon Sep 17 00:00:00 2001
From: LynithDev <61880709+LynithDev@users.noreply.github.com>
Date: Sat, 6 Jan 2024 11:50:17 +0100
Subject: Padding fixes and slight tweaks to icons etc

---
 apps/website/src/pages/index.astro              |  6 +++---
 apps/website/src/pages/mods.astro               |  6 +++---
 apps/website/src/pages/projects/oneconfig.astro | 10 +++++-----
 3 files changed, 11 insertions(+), 11 deletions(-)

(limited to 'apps/website/src/pages')

diff --git a/apps/website/src/pages/index.astro b/apps/website/src/pages/index.astro
index 200867d..c078345 100644
--- a/apps/website/src/pages/index.astro
+++ b/apps/website/src/pages/index.astro
@@ -107,19 +107,19 @@ import Layout from '@layouts/Layout.astro';
 					We're a group of passionate, self-driven designers, developers, and modders creating mods and libraries for the Minecraft community.
 				</Paragraph>
 				<div class="mt-3 flex flex-row gap-y-6 gap-x-8 text-base font-semibold leading-7 text-gray-600 lg:gap-x-10">
-					<Button style="secondary" size="sm" iconLeft="link-external">Meet the team</Button>
+					<Button style="secondary" size="sm" iconLeft="user">Meet the team</Button>
 				</div>
 			</div>
 		</div>
 		<div class="flex justify-start md:justify-end mb-20 lg:-mr-10">
-			<div class="flex flex-col">
+			<div class="flex flex-col text-right">
 				<Header class="text-5xl font-bold tracking-tight text-navy-peony mt-8">
 					Our commitment
 				</Header>
 				<Paragraph class="mt-3 text-md leading-8 text-navy-peony">
 					Above all, we're committed to bringing quality, open sourced tools built <br> around usability, accessibility to the greater modding community.
 				</Paragraph>
-				<div class="flex flex-row justify-start items-start mt-3 gap-y-6 text-base font-semibold leading-7 text-brand-600 gap-x-4">
+				<div class="flex flex-row justify-end items-end mt-3 gap-y-6 text-base font-semibold leading-7 text-brand-600 gap-x-4">
 					<Button iconLeft="book-open" size="sm" href="/oss">Why open source?</Button>
 					<Button iconLeft="github" style="secondary" size="sm" href={configConst.socials.github}>GitHub</Button>
 				</div>
diff --git a/apps/website/src/pages/mods.astro b/apps/website/src/pages/mods.astro
index a0286ee..75ff2cb 100644
--- a/apps/website/src/pages/mods.astro
+++ b/apps/website/src/pages/mods.astro
@@ -15,9 +15,9 @@ const modrinthId = configConst.socials.modrinthId;
 <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-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 lg:h-[280px] max-w-[1920px] relative">
+			<div class="flex flex-col justify-between items-center overflow-hidden h-auto lg:h-[290px] 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}>
+				<Slider wrapperClass="-mb-40 mb-2 hidden lg:block" childrenNum={8}>
 					<Card text="Chatting" icon="chatting"/>
 					<Card text="PolySprint" icon="polysprint"/>
 					<Card text="VanillaHUD" icon="vanillahud"/>
@@ -131,7 +131,7 @@ const modrinthId = configConst.socials.modrinthId;
 	</Section>
 
 	<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">
+		<div class="flex flex-col gap-y-1 relative 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">
 				<Button style="primary" iconLeft="link-external" href={`https://modrinth.com/user/${configConst.socials.modrinthId}`}>Modrinth</Button>
diff --git a/apps/website/src/pages/projects/oneconfig.astro b/apps/website/src/pages/projects/oneconfig.astro
index a712d18..c67a4fd 100644
--- a/apps/website/src/pages/projects/oneconfig.astro
+++ b/apps/website/src/pages/projects/oneconfig.astro
@@ -38,8 +38,8 @@ import { Code } from 'astro:components';
 	</Section>
 
 	<Section tabindex="0" colReverse={false}>
-		<div slot="left" class="w-1/2 max-w-80 md:max-w-none  md:w-auto flex justify-center">
-			<img class="w-full md:w-[20rem]" src="/media/oneconfig/page_media_2.svg" alt="stuff"/>
+		<div slot="left" class="flex justify-center">
+			<img class="max-sm:w-full w-64" src="/media/oneconfig/page_media_2.svg" alt="stuff"/>
 		</div>
 
 		<div slot="right">
@@ -134,9 +134,9 @@ import { Code } from 'astro:components';
 				<Button iconLeft="link-external" style="ghost" text="Download a modpack"/>
 			</div>
 		</div>
-		<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 bg-blue-100" childrenNum={8}>
+		<div class="flex flex-col justify-center items-center bg-blue-100 pb-10 max-w-full overflow-x-hidden">
+			<div class="flex flex-col justify-between items-center overflow-x-hidden h-[290px] max-w-[1920px]">
+				<Slider wrapperClass="-mb-40 mb-2 bg-blue-100" childrenNum={8}>
 					<Card text="Chatting" icon="chatting"/>
 					<Card text="PolySprint" icon="polysprint"/>
 					<Card text="VanillaHUD" icon="vanillahud"/>
-- 
cgit