matt/flotilla
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Make featured content a grid

Browse source
This commit is contained in:
Jon Staab 2026-07-03 16:20:55 -07:00
parent e32c536787
commit ff3af380f8
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/app/components/SpaceFeaturedContent.svelte
View file

@ -25,7 +25,7 @@
</script> </script>
{#if $content.length > 0 || canEdit} {#if $content.length > 0 || canEdit}
<Card class="bg-surface flex flex-col gap-3"> <Card class="bg-surface flex flex-col gap-3 @container">
<div class="flex items-center justify-between gap-2"> <div class="flex items-center justify-between gap-2">
<h3 class="flex items-center gap-2 text-lg font-bold"> <h3 class="flex items-center gap-2 text-lg font-bold">
<Icon icon={Bookmark} /> <Icon icon={Bookmark} />
@ -40,7 +40,7 @@
{#if $content.length === 0} {#if $content.length === 0}
<p class="text-sm opacity-70">No featured content yet.</p> <p class="text-sm opacity-70">No featured content yet.</p>
{:else} {:else}
<div class="flex flex-col gap-2"> <div class="grid grid-cols-1 @md:grid-cols-2 gap-2">
{#each $content as value (value)} {#each $content as value (value)}
<Content event={{content: value, tags: []}} {url} /> <Content event={{content: value, tags: []}} {url} />
{/each} {/each}