From 58532c8124f5633117d6fa345715974467df35b2 Mon Sep 17 00:00:00 2001
From: christian <christian@rannes.com>
Date: Sun, 9 Jun 2024 16:45:24 +0200
Subject: [PATCH] fixed css on mobile

---
 src/lib/ProjectCard/VendorGallery.svelte | 4 ++--
 src/lib/ProjectCard/VendorIcon.svelte    | 6 +++---
 src/lib/projects.js                      | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/lib/ProjectCard/VendorGallery.svelte b/src/lib/ProjectCard/VendorGallery.svelte
index d0d9511..4e3ac54 100644
--- a/src/lib/ProjectCard/VendorGallery.svelte
+++ b/src/lib/ProjectCard/VendorGallery.svelte
@@ -4,9 +4,9 @@
 	export let vendors;
 </script>
 
-<div class="my-4 dark:bg-slate-800 mx-auto w-fit rounded-2xl p-2">
+<div class="my-4 dark:bg-slate-800 mx-auto md:w-fit rounded-2xl p-2">
 	<h3 class="text-xl mb-2 text-center">built with</h3>
-	<div class="flex justify-center gap-4">
+	<div class="flex gap-2 overflow-x-scroll overflow-y-hidden flex-nowrap md:justify-center">
 		{#each vendors as vendor}
 			<VendorIcon {...vendor} />
 		{/each}
diff --git a/src/lib/ProjectCard/VendorIcon.svelte b/src/lib/ProjectCard/VendorIcon.svelte
index 024d6e2..b25c82f 100644
--- a/src/lib/ProjectCard/VendorIcon.svelte
+++ b/src/lib/ProjectCard/VendorIcon.svelte
@@ -3,7 +3,7 @@
 	export let img;
 </script>
 
-<div class="flex flex-col justify-center max-w-16 max-h-16 hover:scale-110 text-center">
-	<img src={img} alt={name} class="min-h-12 self-center" />
-	<p class="text-slate-900 dark:text-stone-200 font-normal">{name}</p>
+<div class="flex flex-col justify-center hover:scale-110">
+	<img src={img} alt={name} class="h-12 max-w-20" />
+	<p class="text-slate-900 dark:text-stone-200 text-center">{name}</p>
 </div>
diff --git a/src/lib/projects.js b/src/lib/projects.js
index 5522d9f..776be11 100644
--- a/src/lib/projects.js
+++ b/src/lib/projects.js
@@ -17,8 +17,8 @@ export const projects = [
 		url: 'https://jobs.rannes.dev',
 		description:
 			'I wanted an excuse to try out Go, and I also want to find a job. The scraper is built with Go and the Colly package. It runs on a AWS EC2 instance, and the frontend is built with Next.js which is deployed to Vercel.',
-		repo: 'https://gitea.rannes.dev/rannes.dev/sw-jobs-go',
-		rss: 'https://gitea.rannes.dev/rannes.dev/sw-jobs-go.rss',
+		repo: 'https://gitea.rannes.dev/rannes.dev/sw-jobs-frontend',
+		rss: 'https://gitea.rannes.dev/rannes.dev/sw-jobs-frontend.rss',
 		image: '',
 		vendors: [
 			{