refactor: minor styling on the checkout steps

staging
Dinesh Salunke 2023-12-05 18:47:21 +05:30
parent 7f57f035ac
commit 599e9fafb8
3 changed files with 7 additions and 7 deletions

View File

@ -30,13 +30,13 @@
{else} {else}
<div class="form-group row {if !empty($field.errors)}has-error{/if} flex flex-col"> <div class="form-group {if !empty($field.errors)}has-error{/if} flex flex-col">
<label class="font-medium form-control-label{if $field.required} required{/if} mb-1"> <label class="font-medium form-control-label{if $field.required} required{/if} mb-1">
{if $field.type !== 'checkbox'} {if $field.type !== 'checkbox'}
{$field.label} {$field.label}
{/if} {/if}
</label> </label>
<div class="col-md-6{if ($field.type === 'radio-buttons')} form-control-valign{/if}"> <div class="flex flex-col {if ($field.type === 'radio-buttons')} items-center{/if}">
{if $field.type === 'select'} {if $field.type === 'select'}
@ -87,9 +87,9 @@
{elseif $field.type === 'checkbox'} {elseif $field.type === 'checkbox'}
{block name='form_field_item_checkbox'} {block name='form_field_item_checkbox'}
<span class="custom-checkbox"> <span class="custom-checkbox flex gap-2">
<label class="font-light text-sm"> <input class="my-0.5" name="{$field.name}" type="checkbox" value="1" {if $field.value}checked="checked"{/if} {if $field.required}required{/if}>
<input name="{$field.name}" type="checkbox" value="1" {if $field.value}checked="checked"{/if} {if $field.required}required{/if}> <label class="font-light text-sm" for="{$field.name}">
{$field.label nofilter} {$field.label nofilter}
</label> </label>
</span> </span>

View File

@ -32,7 +32,7 @@
'js-current-step' => $step_is_current 'js-current-step' => $step_is_current
]|classnames}" ]|classnames}"
> >
<div class="step-title font-semibold p-2 border border-gray-800"> <div class="step-title font-semibold p-2 border border-gray-800 flex gap-2 items-center ">
<i class="ti ti-square"></i> <i class="ti ti-square"></i>
<span class="step-number">{$position}</span> <span class="step-number">{$position}</span>
{$title} {$title}

View File

@ -24,7 +24,7 @@
*} *}
{block name='step'} {block name='step'}
<section class="checkout-step -unreachable" id="{$identifier}"> <section class="checkout-step -unreachable" id="{$identifier}">
<div class="step-title font-semibold p-2 border border-gray-800"> <div class="step-title font-semibold p-2 border border-gray-800 flex gap-2 items-center ">
<i class="ti ti-lock-square"></i> <i class="ti ti-lock-square"></i>
<span class="step-number">{$position}</span> <span class="step-number">{$position}</span>
{$title} {$title}