style: UI download manual

This commit is contained in:
oat_dev 2024-06-24 15:21:54 +07:00
parent 607f28ee0e
commit 30e999c8fd

View file

@ -83,19 +83,51 @@ const downloadFile = () => {
color="grey-7"
/>
</q-btn>
<q-space />
<q-btn
v-if="route.path !== '/'"
size="12px"
flat
dense
round
icon="mdi-download"
color="primary"
label="ดาวน์โหลดคู่มือ"
@click="downloadFile()"
/>
<q-btn
color="primary"
class="q-ml-md"
label="ดาวน์โหลดคู่มือทั้งหมด"
@click="console.log('download All')"
/>
>
<q-tooltip>ดาวนโหลด</q-tooltip>
<q-menu>
<q-list style="min-width: 150px">
<q-item
clickable
class="row items-center no-wrap"
v-close-popup
@click="downloadFile()"
>
<q-icon
color="red"
size="28px"
name="mdi-file-pdf"
class="q-mr-md"
/>
ดาวนโหลดค
</q-item>
<q-item
clickable
class="row items-center no-wrap"
v-close-popup
@click=""
>
<q-icon
color="red"
size="28px"
name="mdi-file-pdf"
class="q-mr-md"
/>
ดาวนโหลดคอทงหมด
</q-item>
</q-list>
</q-menu>
</q-btn>
<q-btn
size="13px"
class="bg-blue-1"