mohitj
/
theme-elegance
forked from brooksbingham/theme-elegance
1
0
Fork 0
Code Pull Requests Activity

refactor: align left and right column buttons on cart page

pagebuilder
abhisheks 2023-12-14 16:26:49 +05:30
parent eb7f48ff0c
commit 22742e7420
3 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
assets/css/theme.css
View File

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

2
templates/checkout/_partials/cart-detailed.tpl
View File

@ -36,7 +36,7 @@
{/foreach} {/foreach}
</ul> </ul>
{else} {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'} {l s='There are no more items in your cart.' d='Shop.Theme.Checkout'}
</span> </span>
{/if} {/if}

4
templates/checkout/cart.tpl
View File

@ -26,11 +26,11 @@
{block name='content'} {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"> <div class="flex flex-col lg:flex-row gap-8 flex-1">
<!-- Left Block: cart product informations & shpping --> <!-- 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 --> <!-- cart products detailed -->
<div class="flex flex-col gap-4"> <div class="flex flex-col gap-4">