fix: use share button on dialog form

This commit is contained in:
puriphatt 2024-08-08 06:11:47 +00:00
parent f7d55734aa
commit 0f9c752e04
2 changed files with 22 additions and 24 deletions

View file

@ -1,4 +1,12 @@
<script setup lang="ts">
import {
EditButton,
DeleteButton,
CancelButton,
SaveButton,
UndoButton,
} from 'src/components/button';
defineProps<{
title: string;
titleFormAddress?: string;
@ -127,20 +135,17 @@ const currentTab = defineModel<string>('currentTab');
{{ badgeLabel }}
</text>
</div>
<q-btn
round
flat
id="closeDialog"
icon="mdi-close"
padding="xs"
class="close-btn"
:class="{ dark: $q.dark.isActive }"
<CancelButton
icon-only
id="btn-form-close"
@click="
() => {
modal = beforeClose ? beforeClose() : !modal;
close?.();
}
"
type="reset"
resetValidation
/>
</div>
</div>
@ -205,25 +210,18 @@ const currentTab = defineModel<string>('currentTab');
<div>
<slot name="footer"></slot>
</div>
<div class="row flex justify-end q-gutter-x-md">
<q-btn
id="cancelBtn"
unelevated
class="col btn-cancel-dialog rounded"
color="grey-4"
text-color="grey-10"
<div class="row flex justify-end">
<CancelButton
id="btn-form-cancel"
outlined
@click="close"
:label="$t('cancel')"
v-close-popup
/>
<q-btn
dense
unelevated
id="submitBtn"
<SaveButton
class="q-ml-md"
id="btn-form-submit"
type="submit"
color="primary"
class="q-px-md rounded"
:label="$t('save')"
solid
/>
</div>
</div>

View file

@ -122,7 +122,7 @@ function reset() {
<div class="q-mr-md" style="width: 36.8px"></div>
<CancelButton
icon-only
id="btn-info-cancel"
id="btn-info-close"
@click="
() => {
drawerOpen = beforeClose ? beforeClose() : !drawerOpen;