refactor: 03 Customer => improve responsive design across multiple components

This commit is contained in:
puriphatt 2025-01-27 13:47:33 +07:00
parent b8eec6f494
commit d012bb4d70
7 changed files with 106 additions and 33 deletions

View file

@ -343,7 +343,7 @@ const smallBanner = ref(false);
>
<template #error>
<div
class="full-width full-height flex items-center justify-center"
class="full-width full-height flex items-center justify-center no-padding"
:style="{
background: `${bgColor || 'var(--brand-1)'}`,
color: `${color || 'white'}`,

View file

@ -320,7 +320,7 @@ watchEffect(async () => {
<q-input
outlined
hide-bottom-space
class="col-3"
class="col-md-3 col-12"
v-model="homeCode"
mask="###########"
:dense="dense"
@ -344,7 +344,7 @@ watchEffect(async () => {
<q-input
outlined
hide-bottom-space
class="col"
class="col-md col-12"
:model-value="office"
:dense="dense"
:label="$t('customer.form.employmentOffice')"