fix(02): resposive form and drawer

This commit is contained in:
puriphatt 2024-07-24 06:39:01 +00:00
parent 45398061c0
commit 0f7ec172f8
3 changed files with 60 additions and 35 deletions

View file

@ -35,10 +35,10 @@ onMounted(async () => {
});
</script>
<template>
<div class="col-3 app-text-muted">
<div class="col-md-3 col-12 app-text-muted">
{{ $t('formDialogTitleInformation') }}
</div>
<div class="col-9 row q-col-gutter-md">
<div class="col-md-9 col-12 row q-col-gutter-md">
<q-select
id="select-hq-id"
:dense="dense"
@ -49,7 +49,7 @@ onMounted(async () => {
map-options
options-dense
hide-bottom-space
class="col-4"
class="col-md-4 col-6"
v-model="hqId"
option-label="label"
option-value="value"
@ -69,7 +69,7 @@ onMounted(async () => {
options-dense
clearable
hide-bottom-space
class="col-4"
class="col-md-4 col-6"
v-model="brId"
:label="$t('formDialogInputBrId')"
option-label="label"
@ -85,7 +85,7 @@ onMounted(async () => {
map-options
options-dense
hide-bottom-space
class="col-4"
class="col-md-4 col-12"
:label="$t('formDialogInputUsername')"
v-model="username"
:rules="[