From 9235f1867c09f73ea27ceef425690386b08ea0c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C5=ABdolfs=20O=C5=A1i=C5=86=C5=A1?= <rudolfs@osins.org>
Date: Fri, 24 Jan 2025 12:41:08 -0600
Subject: [PATCH] Fix no repo placeholder alignment

---
 src/views/home/Repos.svelte | 63 +++++++++++++++++++------------------
 1 file changed, 33 insertions(+), 30 deletions(-)

diff --git a/src/views/home/Repos.svelte b/src/views/home/Repos.svelte
index a5d368ff2..4f41c495d 100644
--- a/src/views/home/Repos.svelte
+++ b/src/views/home/Repos.svelte
@@ -46,6 +46,7 @@
     padding-right: 1.5rem;
     align-items: center;
     min-height: 40px;
+    margin-bottom: 0.5rem;
   }
 </style>
 
@@ -64,36 +65,38 @@
   {/snippet}
   <div class="container">
     <div class="header">Repositories</div>
-    <div class="repo-grid">
-      {#each repos as repo}
-        {#if repo.payloads["xyz.radicle.project"]}
-          <RepoCard
-            {repo}
-            selfDid={didFromPublicKey(config.publicKey)}
-            onclick={() => {
-              void router.push({
-                resource: "repo.issues",
-                rid: repo.rid,
-                status: "open",
-              });
-            }} />
-        {/if}
-      {:else}
-        <Border
-          variant="ghost"
-          styleAlignItems="center"
-          styleJustifyContent="center">
-          <div
-            class="global-flex"
-            style:height="74px"
-            style:justify-content="center">
-            <div class="txt-missing txt-small global-flex" style:gap="0.25rem">
-              <Icon name="none" />
-              No repositories.
-            </div>
+    {#if repos.length}
+      <div class="repo-grid">
+        {#each repos as repo}
+          {#if repo.payloads["xyz.radicle.project"]}
+            <RepoCard
+              {repo}
+              selfDid={didFromPublicKey(config.publicKey)}
+              onclick={() => {
+                void router.push({
+                  resource: "repo.issues",
+                  rid: repo.rid,
+                  status: "open",
+                });
+              }} />
+          {/if}
+        {/each}
+      </div>
+    {:else}
+      <Border
+        variant="ghost"
+        styleAlignItems="center"
+        styleJustifyContent="center">
+        <div
+          class="global-flex"
+          style:height="74px"
+          style:justify-content="center">
+          <div class="txt-missing txt-small global-flex" style:gap="0.25rem">
+            <Icon name="none" />
+            No repositories.
           </div>
-        </Border>
-      {/each}
-    </div>
+        </div>
+      </Border>
+    {/if}
   </div>
 </Layout>