Create Post Card component

This commit is contained in:
2021-10-04 18:18:07 +02:00
parent 3b61ebd144
commit 7dbc7cdf73
4 changed files with 127 additions and 0 deletions

View File

@@ -0,0 +1,31 @@
<script lang="ts">
import Image from '$components/atoms/Image.svelte';
</script>
<div class="post-card">
<div class="wrap">
<div class="post-card__stamp">
<div class="frame">
<img src="/images/icons/stamp.svg" width="32" height="42" alt="">
</div>
<Image class="flag" id="5a5bc9a1-9401-4e2f-88f2-ffd6c05acefb" width={32} height={32} />
</div>
<h3 class="post-card__country">
<span>Houses of <br></span>
<strong class="title-country__purple">France</strong>
</h3>
<div class="post-card__border"></div>
<ul class="post-card__address">
<li>
<p>Rue Clerisseau</p>
</li>
<li>
<p>Nimes, Occitanie</p>
</li>
<li>
<p>France</p>
</li>
</ul>
</div>
</div>