Design: Update Posts list invitation card
This commit is contained in:
parent
f1e3fb3199
commit
73a2e20cf7
@ -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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user