chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

fix: 03 responsive tool bar

Browse source
This commit is contained in:
puriphatt 2024-07-16 02:53:06 +00:00
parent 7a6e0742d3
commit 297eb3fc06
1 changed files with 8 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/pages/03_customer-management/MainPage.vue
View file

@ -1624,9 +1624,8 @@ watch([inputSearch, currentStatus], async () => {
for="input-search"
outlined
dense
style="width: 250px"
:label="$t('search')"
class="q-mr-md"
class="q-mr-md col-12 col-md-3"
:bg-color="$q.dark.isActive ? 'dark' : 'white'"
v-model="inputSearch"
debounce="200"
@ -1636,14 +1635,17 @@ watch([inputSearch, currentStatus], async () => {
</template>
</q-input>
<div class="row">
<div
class="row col-12 col-md-4"
:class="{ 'q-pt-xs': $q.screen.lt.md }"
>
<q-select
v-model="currentStatus"
outlined
dense
option-value="value"
option-label="label"
class="q-pr-md"
class="col"
map-options
emit-value
:options="[
@ -1656,6 +1658,7 @@ watch([inputSearch, currentStatus], async () => {
v-if="modeView === false"
id="select-field"
for="select-field"
class="col q-mx-sm"
:options="
currentTab === 'employer'
? fieldDisplayEmployer
@ -1676,7 +1679,7 @@ watch([inputSearch, currentStatus], async () => {
id="btn-mode"
v-model="modeView"
dense
class="no-shadow bordered rounded surface-1 q-ml-md"
class="no-shadow bordered rounded surface-1"
:toggle-color="$q.dark.isActive ? 'grey-9' : 'grey-2'"
size="xs"
:options="[