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

fix: scroll tab

Browse source
This commit is contained in:
puriphatt 2024-07-25 10:48:04 +00:00
parent bda43b9503
commit eb86cad0de
1 changed files with 7 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/02_personnel-management/InfoForm.vue
View file

@ -25,18 +25,21 @@ const sameWithEmployer = defineModel<boolean>('sameWithEmployer');
const employeeTab = defineModel<string>('employeeTab'); const employeeTab = defineModel<string>('employeeTab');
</script> </script>
<template> <template>
<div class="column absolute-top" style="inset: 0"> <div class="column full-width full-height">
<div <div
v-if="tabsList && tabsList.length > 0" v-if="tabsList && tabsList.length > 0"
class="row surface-2 q-px-md q-pt-md full-width" class="row surface-2 q-px-md q-pt-md full-width"
style="border-bottom: 1px solid var(--brand-1)" style="border-bottom: 1px solid var(--brand-1)"
> >
<q-tabs <q-tabs
inline-label
mobile-arrows
dense dense
class="app-text-muted cancel-overflow" class="app-text-muted cancel-overflow full-width"
v-model="employeeTab" v-model="employeeTab"
active-class="active-tab" active-class="active-tab"
indicator-color="transparent" indicator-color="transparent"
align="left"
> >
<q-tab <q-tab
v-for="tab in tabsList" v-for="tab in tabsList"
@ -50,11 +53,10 @@ const employeeTab = defineModel<string>('employeeTab');
</div> </div>
<div <div
class="full-width no-wrap" class="full-width no-wrap col"
:class="$q.screen.gt.xs ? 'row' : 'column'" :class="$q.screen.gt.xs ? 'row' : 'column'"
style="flex: 1"
> >
<div class="col-3 q-mb-xs" v-if="$slots['person-card']"> <div class="col-3" v-if="$slots['person-card']">
<slot name="person-card"></slot> <slot name="person-card"></slot>
</div> </div>
<div <div
@ -125,8 +127,4 @@ const employeeTab = defineModel<string>('employeeTab');
border-top-right-radius: var(--radius-2); border-top-right-radius: var(--radius-2);
position: relative; position: relative;
} }
:deep(.q-tabs__content) {
overflow: visible;
}
</style> </style>