34 lines
625 B
Svelte
34 lines
625 B
Svelte
|
<script lang="ts">
|
||
|
|
import { RiChatOffLine } from "svelte-remixicon";
|
||
|
|
import Centered from "./Centered.svelte";
|
||
|
|
import FeedPost from "./FeedPost.svelte";
|
||
|
|
|
||
|
|
let { posts, emptymsg = "No posts, how empty" } = $props();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<ul>
|
||
|
|
{#each posts as post}
|
||
|
|
<li><FeedPost {post} /></li>
|
||
|
|
{:else}
|
||
|
|
<Centered>
|
||
|
|
<p class="big"><RiChatOffLine /></p>
|
||
|
|
{emptymsg}</Centered>
|
||
|
|
{/each}
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
ul {
|
||
|
|
list-style: none;
|
||
|
|
padding: 0 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul > li {
|
||
|
|
margin-top: 3px;
|
||
|
|
margin-bottom: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
p.big {
|
||
|
|
font-size: 2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|