Fix Shop issues

- Move ButtonCart from nav to position it on top right
- ButtonCart amount indicator position (center left => top left)
- Bring back updating label when changing cart (+ other transitions)
- Make ShopHeader picture gradient a bit bigger
This commit is contained in:
2022-07-11 12:30:42 +02:00
parent f0907b0497
commit 120771efa1
7 changed files with 59 additions and 41 deletions

View File

@@ -53,7 +53,7 @@
// Hero title
timeline.add({
targets: '.shop-page__intro h1',
targets: '.shop-page__title h1',
translateY: [32, 0],
opacity: [0, 1],
}, 500)
@@ -67,8 +67,10 @@
// Intro navbar
timeline.add({
targets: '.shop-page__nav .container > *',
targets: '.shop-page__nav .container > *, .shop-page__intro .button-cart',
opacity: [0, 1],
translateY: [100, 0],
translateZ: 0,
delay: anime.stagger(250),
}, 700)
@@ -93,7 +95,9 @@
</a>
</div>
<h1>Shop</h1>
<div class="shop-page__title">
<h1>Shop</h1>
</div>
<nav class="shop-page__nav">
<div class="container">
@@ -109,11 +113,11 @@
{/each}
</ul>
</nav>
<ButtonCart />
</div>
</nav>
<ButtonCart />
<Image
class="shop-page__background"
id={shop.page_heroimage.id}