Nicer item page

Add markdown support to item description
Cart now gets loaded in the background, poorly implemented I presume
This commit is contained in:
Michał Gdula 2024-05-08 17:53:21 +01:00
parent a704082779
commit a1dfcd3c35
14 changed files with 365 additions and 140 deletions

View file

@ -4,6 +4,7 @@
import { type CartItem, Labels } from "../lib/types";
import Cart from "../lib/cart";
import ImageLoading from '/assets/MenuItemLoading.svg';
export let item: CartItem;
@ -23,10 +24,10 @@
</script>
<div class="container">
{#if item.data.images}
{#if item.data.images && item.data.images[0]}
<img src="{item.data.images[0]}" alt="Item" class="basket-item-image">
{:else}
<img src="/assets/MenuItemLoading.svg" alt="Item" class="basket-item-image">
<img src={ImageLoading} alt="Item" class="basket-item-image">
{/if}
<ul class="basket-item-data">