Add cross (remove) icon to poster cart

This commit is contained in:
2021-11-05 22:41:02 +01:00
parent 01a87cc0cf
commit 163fbe75db
3 changed files with 21 additions and 7 deletions

View File

@@ -1,9 +1,8 @@
<script lang="ts">
import { getContext } from 'svelte'
// Components
import Button from '$components/atoms/Button.svelte'
import Image from '$components/atoms/Image.svelte'
import Select from './Select.svelte'
import Select from './Select.svelte'
import ButtonCircle from '$components/atoms/ButtonCircle.svelte'
const { locations, shop } = getContext('global')
@@ -14,6 +13,13 @@ import Select from './Select.svelte'
<img src="/images/issue-1.jpg" alt="">
</div>
<div class="poster-cart__right">
<div class="remove">
<ButtonCircle size="tiny">
<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.81 1.104a.647.647 0 1 0-.914-.915L4 3.085 1.104.19a.647.647 0 1 0-.915.915L3.085 4 .19 6.896a.647.647 0 1 0 .915.915L4 4.915 6.896 7.81a.647.647 0 1 0 .915-.915L4.915 4 7.81 1.104Z" fill="#666"/>
</svg>
</ButtonCircle>
</div>
<h3>Poster</h3>
<p>Houses Of Melbourne 30€</p>
<Select