refactor: 01 => form responsive

This commit is contained in:
puriphatt 2025-01-27 10:57:03 +07:00
parent 6b2dc47268
commit b8eec6f494

View file

@ -1825,7 +1825,7 @@ watch(currentHq, () => {
v-if="currentTab === 'main'" v-if="currentTab === 'main'"
:class="{ :class="{
'q-py-md q-px-lg': $q.screen.gt.sm, 'q-py-md q-px-lg': $q.screen.gt.sm,
'q-py-sm q-px-lg': !$q.screen.gt.sm, 'q-pa-sm': !$q.screen.gt.sm,
}" }"
style="position: absolute; z-index: 99999; top: 0; right: 0" style="position: absolute; z-index: 99999; top: 0; right: 0"
> >
@ -1923,7 +1923,7 @@ watch(currentHq, () => {
class="col-12 col-md-10 full-height" class="col-12 col-md-10 full-height"
:class="{ :class="{
'q-py-md q-pr-md ': $q.screen.gt.sm, 'q-py-md q-pr-md ': $q.screen.gt.sm,
'q-py-md q-px-lg': !$q.screen.gt.sm, 'q-pa-sm': !$q.screen.gt.sm,
}" }"
id="branch-form" id="branch-form"
style="overflow-y: auto" style="overflow-y: auto"
@ -2174,7 +2174,7 @@ watch(currentHq, () => {
</div> </div>
<div <div
class="col" class="col full-width"
:class="{ :class="{
'q-px-lg q-pb-lg': $q.screen.gt.sm, 'q-px-lg q-pb-lg': $q.screen.gt.sm,
'q-px-md q-pb-sm': !$q.screen.gt.sm, 'q-px-md q-pb-sm': !$q.screen.gt.sm,
@ -2187,7 +2187,7 @@ watch(currentHq, () => {
<div <div
:class="{ :class="{
'q-py-md q-px-lg': $q.screen.gt.sm, 'q-py-md q-px-lg': $q.screen.gt.sm,
'q-py-sm q-px-lg': !$q.screen.gt.sm, 'q-pa-sm': !$q.screen.gt.sm,
}" }"
style="position: absolute; z-index: 99999; top: 0; right: 0" style="position: absolute; z-index: 99999; top: 0; right: 0"
> >
@ -2278,7 +2278,7 @@ watch(currentHq, () => {
class="col-12 col-md-10 full-height" class="col-12 col-md-10 full-height"
:class="{ :class="{
'q-py-md q-pr-md ': $q.screen.gt.sm, 'q-py-md q-pr-md ': $q.screen.gt.sm,
'q-py-md q-px-lg': !$q.screen.gt.sm, 'q-pa-sm': !$q.screen.gt.sm,
}" }"
id="branch-info" id="branch-info"
style="overflow-y: auto" style="overflow-y: auto"