From 7f935758e34a535cde4687bd060b1f7cf50f0ecb Mon Sep 17 00:00:00 2001
From: ChrQR <christian@rannes.com>
Date: Sun, 19 May 2024 23:28:38 +0200
Subject: [PATCH] Lots of css fixes. Lots more to come!

---
 src/lib/ProjectCard/Commit.svelte        | 4 ++--
 src/lib/ProjectCard/ProjectRepo.svelte   | 8 ++++----
 src/lib/ProjectCard/VendorGallery.svelte | 2 +-
 src/lib/ProjectCard/VendorIcon.svelte    | 2 +-
 src/lib/projects.js                      | 2 +-
 src/routes/+layout.svelte                | 4 ++--
 6 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/lib/ProjectCard/Commit.svelte b/src/lib/ProjectCard/Commit.svelte
index c065620..a0572b2 100644
--- a/src/lib/ProjectCard/Commit.svelte
+++ b/src/lib/ProjectCard/Commit.svelte
@@ -10,9 +10,9 @@
 	const open = index === 0;
 </script>
 
-<AccordionItem {...open ? { open: true } : {}}>
+<AccordionItem borderSharedClass="border-slate-400" {...open ? { open: true } : {}}>
 	<span slot="header" class="flex justify-between items-center w-full">
-		<span>{@html title}</span>
+		<h3>{@html title}</h3>
 		<p class="text-xs mr-2">{pubAgo}</p>
 	</span>
 	<div class="flex flex-col">
diff --git a/src/lib/ProjectCard/ProjectRepo.svelte b/src/lib/ProjectCard/ProjectRepo.svelte
index 8f8af04..956ad07 100644
--- a/src/lib/ProjectCard/ProjectRepo.svelte
+++ b/src/lib/ProjectCard/ProjectRepo.svelte
@@ -7,15 +7,15 @@
 </script>
 
 <div class="flex justify-center gap-12 my-12">
-	<div>
+	<div class="hover:scale-125">
 		<a href={url}>
-			<GlobeOutline class="hover:text-slate-400 mx-auto" />
+			<GlobeOutline class="hover:scale-125 mx-auto" />
 		</a>
 		<p>www</p>
 	</div>
-	<div>
+	<div class="hover:scale-110">
 		<a href={repo}>
-			<GithubSolid class="hover:text-slate-400 mx-auto" />
+			<GithubSolid class="mx-auto" />
 		</a>
 		<p>git</p>
 	</div>
diff --git a/src/lib/ProjectCard/VendorGallery.svelte b/src/lib/ProjectCard/VendorGallery.svelte
index ef63a75..19955cc 100644
--- a/src/lib/ProjectCard/VendorGallery.svelte
+++ b/src/lib/ProjectCard/VendorGallery.svelte
@@ -6,7 +6,7 @@
 
 <div class="my-4 dark:bg-slate-800 w-fit mx-auto rounded-2xl p-2">
 	<h3 class="text-xl mb-2">built with</h3>
-	<div class="flex justify-center gap-6">
+	<div class="flex justify-center gap-6 flex-wrap">
 		{#each vendors as vendor}
 			<VendorIcon {...vendor} />
 		{/each}
diff --git a/src/lib/ProjectCard/VendorIcon.svelte b/src/lib/ProjectCard/VendorIcon.svelte
index 4611020..3c655ca 100644
--- a/src/lib/ProjectCard/VendorIcon.svelte
+++ b/src/lib/ProjectCard/VendorIcon.svelte
@@ -5,7 +5,7 @@
 </script>
 
 <a href={url}>
-	<div class="flex flex-col justify-center">
+	<div class="flex flex-col justify-center hover:scale-110">
 		<img src={img} alt={name} class="max-h-12 max-w-12 self-center" />
 		<p>{name}</p>
 	</div>
diff --git a/src/lib/projects.js b/src/lib/projects.js
index fa03d2d..3ce98ab 100644
--- a/src/lib/projects.js
+++ b/src/lib/projects.js
@@ -43,7 +43,7 @@ export const projects = [
 	},
 	{
 		category: 'nextjs',
-		title: 'Scaffolding for next project.',
+		title: 'Scaffolding the next project.',
 		url: 'https://titles-psi.vercel.app/',
 		description:
 			'I am exploring different librarys for ui, auth, ORM etc. for my next project. This time it is deployed to vercel, but I am still using workflows.',
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 920b6a3..6a6e3e0 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -62,7 +62,7 @@
 			{/if}
 		{/each}
 	</ul>
-	<hr class="nav-divider max-w-xl border-1 mx-auto border-gray-800 rounded dark:border-slate-400" />
+	<hr class="nav-divider max-w-xl border-1 mx-auto rounded border-slate-400" />
 	{#key selected}
 		<ul in:blur={{ delay: 250 }} out:blur={{ duration: 250 }} class="text-center h-4 my-1">
 			{#each selected.subPages as subPage}
@@ -72,7 +72,7 @@
 			{/each}
 		</ul>
 	{/key}
-	<div class="absolute top-6 right-6">
+	<div class="absolute top-2 md:top-6 right-2 md:right-6">
 		<DarkMode />
 	</div>
 </nav>