hrms-bangkok/web-faq
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

ปรับ card หน้า mainlayout

Browse source
This commit is contained in:
Tanyalak 2023-12-15 10:31:35 +07:00
parent 6009cba016
commit 088fa24489
4 changed files with 252 additions and 258 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/views/MainLayout.vue
View file

@ -124,17 +124,19 @@ const onScroll = (info: any) => { scrollInfo.value = info}
<q-page-container class="col-12">
<q-page>
<div class="col-12 row ">
<q-card class="col-12">
<div class="col-12" >
<router-view :key="$route.fullPath" />
</q-card>
</div>
</div>
<div class="col-12 row " v-if="currentRouteName != 'contact'">
<q-tabs no-caps active-color="primary" indicator-color="transparent" class="text-grey-8" v-model="tab">
<q-tab name="metadata" label="ข้อมูลหลัก" @click="router.push({ path: '/metadata' })"/>
<q-tab name="organizational" label="โครงสร้างอัตรากำลัง" @click="router.push({ path: '/organizational' })" />
<q-tab name="articles" label="Articles" />
</q-tabs>
<div class="col-12 row" v-if="currentRouteName != 'contact'">
<q-page-scroller position="bottom-center" :scroll-offset="300" :offset="[18, 18]" >
<q-tabs content-class="red" no-caps active-color="primary" indicator-color="transparent" class="text-grey-8" v-model="tab">
<q-tab name="metadata" label="ข้อมูลหลัก" @click="router.push({ path: '/metadata' })"/>
<q-tab name="organizational" label="โครงสร้างอัตรากำลัง" @click="router.push({ path: '/organizational' })" />
<q-tab name="articles" label="Articles" />
</q-tabs>
</q-page-scroller>
</div>
</q-page>
</q-page-container>
@ -143,7 +145,7 @@ const onScroll = (info: any) => { scrollInfo.value = info}
</div>
</q-page>
<!-- place QPageScroller at end of page -->
<q-page-scroller position="bottom-right" :scroll-offset="150" :offset="[18, 18]">
<q-page-scroller position="bottom-right" :scroll-offset="150" :offset="[18, 50]">
<q-btn fab icon="keyboard_arrow_up" color="blue" />
</q-page-scroller>
</q-page-container>