refactor: align left and right column buttons on cart page

staging
abhisheks 2023-12-14 16:26:49 +05:30
parent eb7f48ff0c
commit 22742e7420
3 changed files with 8 additions and 3 deletions

View File

@ -877,6 +877,11 @@ select {
margin-bottom: 2rem;
}
.my-auto {
margin-top: auto;
margin-bottom: auto;
}
.mb-1 {
margin-bottom: 0.25rem;
}

View File

@ -36,7 +36,7 @@
{/foreach}
</ul>
{else}
<span class="w-full flex mt-2 p-2 bg-red-100 border border-red-300">
<span class="w-full flex mt-12 p-2 bg-red-100 border border-red-300">
{l s='There are no more items in your cart.' d='Shop.Theme.Checkout'}
</span>
{/if}

View File

@ -26,11 +26,11 @@
{block name='content'}
<section id="main" class="container mx-auto flex">
<section id="main" class="container mx-auto flex mb-8">
<div class="flex flex-col lg:flex-row gap-8 flex-1">
<!-- Left Block: cart product informations & shpping -->
<div class="flex flex-col gap-4 w-full lg:w-3/5">
<div class="flex flex-col justify-between gap-4 w-full lg:w-3/5">
<!-- cart products detailed -->
<div class="flex flex-col gap-4">