refactor: 03 Customer => improve responsive design across multiple components
This commit is contained in:
parent
b8eec6f494
commit
d012bb4d70
7 changed files with 106 additions and 33 deletions
|
|
@ -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'}`,
|
||||
|
|
|
|||
|
|
@ -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')"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue