<template>
- <div class="cart-item flex mb-1v">
+ <div class="cart-item flex mb-1v text-base">
<a class="block border-gray-100 border-2 bg-center bg-contain bg-no-repeat flex-shrink-0"
:href="item.URL"
:style="`background-image: url(${item.image}); width: 144px; height: 144px`">
<div class="pl-6 leading-relaxed flex-grow">
<a :href="item.URL" class="block text-navy font-display">
- {{ item.category }}
+ <span class="text-grey-dark">{{ item.reference }}</span>
<br>
{{ item.name }}
</a>
<span class="mr-2">Quantité</span>
<number-input v-model="item.quantity" :min="1" inline center controls></number-input>
</div>
- <a href="#" class="cart-delete-item text-red block" @click.prevent="deleteItem">
+ <a href="#" class="cart-delete-item text-red" @click.prevent="deleteItem">
Supprimer
</a>
</div>