flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix Postcard style and hover + rename class

Browse Source
This commit is contained in:
Félix Péault
2021-10-16 15:54:11 +02:00
parent 60ea3d2cb1
commit 36f4c5a330
4 changed files with 22 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/molecules/PostCard.svelte
View File

@@ -8,21 +8,21 @@
export let flagId: string
</script>
<div class="post-card">
<div class="post-card__left">
<h3 class="post-card__country">
<div class="postcard">
<div class="postcard__left">
<h3 class="postcard__country">
<span>Houses of</span><br>
<strong class="title-country__purple">{country}</strong>
</h3>
</div>
<div class="post-card__right">
<div class="post-card__stamp">
<div class="postcard__right">
<div class="postcard__stamp">
<div class="frame">
<img src="/images/icons/stamp.svg" width="32" height="42" alt="Stamp">
</div>
<Image class="flag" id={flagId} width={32} height={32} alt="Flag of {country}" />
</div>
<ul class="post-card__address">
<ul class="postcard__address">
<li>{street}</li>
<li>{location}{region ? `, ${region}` : ''}</li>
<li>{country}</li>