Design: Update Posts list invitation card

This commit is contained in:
Donatas Kirda 2024-05-20 23:32:20 +03:00
parent f1e3fb3199
commit 73a2e20cf7
Signed by: bloodwiing
GPG Key ID: 63020D8D3F4A164F

View File

@ -1,6 +1,5 @@
<script> <script>
import { page } from "$app/stores"; import Cardicon from "$comp/cardicon.svelte";
import Card from "$comp/card.svelte";
import Postlist from "$comp/page/posts/postlist.svelte"; import Postlist from "$comp/page/posts/postlist.svelte";
/** /**
@ -15,10 +14,6 @@
</script> </script>
<style> <style>
.icon {
height: 24px;
}
.content { .content {
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: column nowrap;
@ -27,10 +22,11 @@
</style> </style>
<h1 class="typeTitle">Posts</h1> <h1 class="typeTitle">Posts</h1>
<main class="content"> <main class="content">
<Card background="#ffcc0020" style="align-items: center; gap: 16px;" horizontal> <Cardicon iconSrc="waving-hand-sign.png" iconName="wave" colorIcon="var(--yellow)" colorBackground="var(--yellow-transparent)">
<img class="icon" src="waving-hand-sign.png" alt="wave"> <span style="align-self: center;">Welcome to ECHO</span>
<span>Welcome to ECHO</span> </Cardicon>
</Card>
<Postlist posts={data.posts} itemsCount={data.itemsCount} pageIndex={data.pageIndex} totalResultCount={data.totalResultCount}></Postlist> <Postlist posts={data.posts} itemsCount={data.itemsCount} pageIndex={data.pageIndex} totalResultCount={data.totalResultCount}></Postlist>
</main> </main>