Fix no repo placeholder alignment

This commit is contained in:
Rūdolfs Ošiņš
2025-01-24 12:41:08 -06:00
parent 2a7c705e3c
commit 9235f1867c
+33 -30
View File
@@ -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>