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

refactor: align text to center on mobile screen

pagebuilder
abhisheks 2023-12-20 14:00:14 +05:30
parent a36655ef84
commit 28ca0ffb12
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/theme.css
View File

@ -2030,6 +2030,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
padding-right: 0.5rem;
}
.max-md\:text-center {
text-align: center;
}
.max-md\:leading-5 {
line-height: 1.25rem;
}

4
templates/checkout/_partials/cart-detailed-product-line.tpl
View File

@ -29,11 +29,11 @@
</div>
<div class="flex flex-1 max-md:items-center flex-col gap-2">
<div class="product-line-info flex flex-col">
<a class="label text-lg font-semibold" href="{$product.url}" data-id_customization="{$product.id_customization|intval}">{$product.name}</a>
<a class="label text-lg font-semibold max-md:text-center" href="{$product.url}" data-id_customization="{$product.id_customization|intval}">{$product.name}</a>
{if is_array($product.customizations) && $product.customizations|count}
{block name='cart_detailed_product_line_customization'}
{foreach from=$product.customizations item="customization"}
<a href="#product-customizations-modal-{$customization.id_customization}" class="text-blue-900 font-medium" rel="modal:open" >{l s='Show customizations' d='Shop.Theme.Catalog'}</a>
<a href="#product-customizations-modal-{$customization.id_customization}" class="text-blue-900 font-medium max-md:text-center" rel="modal:open" >{l s='Show customizations' d='Shop.Theme.Catalog'}</a>
<div class="modal bg-white p-4" id="product-customizations-modal-{$customization.id_customization}" >
<div class="w-full flex items-center justify-between mb-4">
<h4 class="modal-title text-xl font-bold">{l s='Customizations' d='Shop.Theme.Catalog'}</h4>