ปรับ view pdf step 7

This commit is contained in:
Tanyalak 2024-01-18 10:34:27 +07:00
parent 32c08b22e5
commit a9c749b7db
2 changed files with 9 additions and 4 deletions

View file

@ -21,7 +21,7 @@ const tabPanels = store.tabPanels
<template>
<q-card bordered class="col-12 row shadow-0" >
<div class="col-12 row items-center q-px-sm ">
<div class="col-12 row items-center q-pa-sm ">
<div class="q-pl-sm text-weight-medium" >เอกสารทปโหลด</div>
<q-space />
<q-btn
@ -44,6 +44,7 @@ const tabPanels = store.tabPanels
><q-tooltip>เตมจอ</q-tooltip></q-btn
>
</div>
<div class="col-12"><q-separator /></div>
<q-tab-panels v-model="store.tabPanels" animated swipeable vertical class="col-12 row">
<q-tab-panel name="1">

View file

@ -16,8 +16,8 @@ const modalPerview = ref<boolean>(false);
</script>
<template>
<q-card bordered class="col-12 row shadow-0" :style="$q.screen.lt.sm ? '' : 'height: 60vh; overflow: scroll;' ">
<div class="col-12 row items-center q-px-sm">
<q-card bordered class="col-12 row shadow-0" >
<div class="col-12 row items-center q-pa-sm ">
<div class="q-pl-sm text-weight-medium" >เอกสารทปโหลด</div>
<q-space />
<q-btn
@ -35,11 +35,15 @@ const modalPerview = ref<boolean>(false);
color="primary"
icon="mdi-fullscreen"
dense
class="q-ml-sm"
@click="modalPerview = true"
><q-tooltip>เตมจอ</q-tooltip></q-btn
>
</div>
<ViewPDF :pdfSrc="props.pdfSrc" class="col-12" />
<div class="col-12"><q-separator /></div>
<div class="row col-12">
<ViewPDF :pdfSrc="props.pdfSrc" class="col-12" />
</div>
</q-card>
<q-dialog v-model="modalPerview" full-width fullHeight>