Add transition to ButtonCart quantity label

This commit is contained in:
2021-11-07 20:08:45 +01:00
parent ffc26877c8
commit 03cc79da69

View File

@@ -1,6 +1,9 @@
<script lang="ts">
import { scale } from 'svelte/transition'
import { quartOut } from 'svelte/easing'
import { cartOpen, cartAmount } from '$utils/store'
import ButtonCircle from './ButtonCircle.svelte'
// Components
import ButtonCircle from '$components/atoms/ButtonCircle.svelte'
const openCart = () => {
$cartOpen = true
@@ -13,6 +16,6 @@
</ButtonCircle>
{#if $cartAmount > 0}
<span class="quantity">{$cartAmount}</span>
<span class="quantity" transition:scale={{ start: 0.6, duration: 400, easing: quartOut }}>{$cartAmount}</span>
{/if}
</div>