Browse Source

feat(homepage): improve repo sumamry display

so it displays in a grid in preparation for displaying it
full width on the homepage
master
DanConwayDev 2 years ago
parent
commit
9ddcf92598
No known key found for this signature in database
GPG Key ID: 68E15486D73F75E1
  1. 2
      src/lib/components/RepoSummaryCard.svelte
  2. 2
      src/lib/components/ReposSummaryList.svelte

2
src/lib/components/RepoSummaryCard.svelte

@ -15,7 +15,7 @@
</script> </script>
<div <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;`} style={`min-height: ${maintainers.length * 1.325 + 2}rem;`}
> >
{#if loading} {#if loading}

2
src/lib/components/ReposSummaryList.svelte

@ -16,7 +16,7 @@
{#if repos.length == 0 && !loading} {#if repos.length == 0 && !loading}
<p class="prose">None</p> <p class="prose">None</p>
{:else} {: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 }} {#each repos as { name, description, identifier, maintainers }}
<RepoSummaryCard {name} {description} {identifier} {maintainers} /> <RepoSummaryCard {name} {description} {identifier} {maintainers} />
{/each} {/each}

Loading…
Cancel
Save