28 lines
706 B
Svelte
28 lines
706 B
Svelte
<script lang="ts">
|
|
import { fly } from 'svelte/transition'
|
|
import { quartOut } from 'svelte/easing'
|
|
import { cartOpen } from '$utils/store'
|
|
|
|
export let title: string
|
|
export let name: string
|
|
export let image: string
|
|
|
|
|
|
const closeNotification = () => {
|
|
// Open cart
|
|
$cartOpen = true
|
|
}
|
|
</script>
|
|
|
|
<div class="notification-cart shadow-small"
|
|
on:click={closeNotification}
|
|
transition:fly={{ y: 20, duration: 700, easing: quartOut }}
|
|
>
|
|
<div class="notification-cart__left">
|
|
<img src={image} width={58} height={88} alt={title}>
|
|
</div>
|
|
<div class="notification-cart__right">
|
|
<h3>{title}</h3>
|
|
<p>{name}</p>
|
|
</div>
|
|
</div> |