From 9ddcf92598cf527aa83261fc091e2c73d64d30fb Mon Sep 17 00:00:00 2001
From: DanConwayDev <DanConwayDev@protonmail.com>
Date: Tue, 27 Feb 2024 11:02:59 +0000
Subject: [PATCH] feat(homepage): improve repo sumamry display

so it displays in a grid in preparation for displaying it
full width on the homepage
---
 src/lib/components/RepoSummaryCard.svelte  | 2 +-
 src/lib/components/ReposSummaryList.svelte | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/RepoSummaryCard.svelte b/src/lib/components/RepoSummaryCard.svelte
index 9f0791b..183ba07 100644
--- a/src/lib/components/RepoSummaryCard.svelte
+++ b/src/lib/components/RepoSummaryCard.svelte
@@ -15,7 +15,7 @@
 </script>
 
 <div
-  class=" my-2 rounded-lg bg-base-200 p-4"
+  class="rounded-lg bg-base-200 p-4"
   style={`min-height: ${maintainers.length * 1.325 + 2}rem;`}
 >
   {#if loading}
diff --git a/src/lib/components/ReposSummaryList.svelte b/src/lib/components/ReposSummaryList.svelte
index 26b39ab..5f42db9 100644
--- a/src/lib/components/ReposSummaryList.svelte
+++ b/src/lib/components/ReposSummaryList.svelte
@@ -16,7 +16,7 @@
   {#if repos.length == 0 && !loading}
     <p class="prose">None</p>
   {:else}
-    <div class="">
+    <div class="grid gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
       {#each repos as { name, description, identifier, maintainers }}
         <RepoSummaryCard {name} {description} {identifier} {maintainers} />
       {/each}