Add Cart button and opening/closing transition

This commit is contained in:
2021-11-05 12:45:30 +01:00
parent 77b072359c
commit b8d1d6334c
6 changed files with 69 additions and 26 deletions

View File

@@ -0,0 +1,19 @@
<script lang="ts">
import { cartOpen, cartAmount } from '$utils/store'
import ButtonCircle from './ButtonCircle.svelte'
const handleCartOpening = () => {
$cartOpen = true
}
</script>
<div class="shop-location__cart">
<ButtonCircle color="purple" on:click={handleCartOpening}>
<img src="/images/icons/pin.svg" alt="">
</ButtonCircle>
{#if $cartAmount > 0}
<span class="quantity">{$cartAmount}</span>
{/if}
</div>