38 lines
1.0 KiB
Vue
38 lines
1.0 KiB
Vue
<script setup lang="ts">
|
|
import { useTimesheetStore } from 'src/stores/timesheet-store';
|
|
|
|
const timesheet_store = useTimesheetStore();
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<q-dialog
|
|
v-model="timesheet_store.is_csv_dialog_open"
|
|
persistent
|
|
transition-show="jump-down"
|
|
transition-hide="jump-down"
|
|
>
|
|
<q-card
|
|
class="q-pa-none rounded-10 shadow-10"
|
|
:class="$q.screen.lt.md ? ' bg-primary' : 'bg-secondary'"
|
|
style=" min-width: 70vw;"
|
|
:style="$q.dark.isActive ? 'border: solid 2px var(--q-accent);' : ''"
|
|
>
|
|
<q-inner-loading :showing="timesheet_store.is_loading">
|
|
<q-spinner size="32px" />
|
|
</q-inner-loading>
|
|
|
|
<q-card-section class="q-pa-none">
|
|
<q-separator
|
|
v-if="$q.screen.lt.md"
|
|
spaced
|
|
color="accent"
|
|
size="2px"
|
|
class="q-mx-md"
|
|
/>
|
|
</q-card-section>
|
|
</q-card>
|
|
|
|
</q-dialog>
|
|
|
|
</template> |