chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: max width form dialog

Browse source
This commit is contained in:
puriphatt 2024-04-22 14:24:28 +07:00
parent a15e4c198a
commit e192d5b5d0
1 changed files with 3 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/FormDialog.vue
View file

@ -12,6 +12,7 @@ defineProps<{
badgeLabel?: string; badgeLabel?: string;
badgeClass?: string; badgeClass?: string;
noFooter?: boolean; noFooter?: boolean;
maxWidth?: number;
submit?: (...args: unknown[]) => void; submit?: (...args: unknown[]) => void;
close?: (...args: unknown[]) => void; close?: (...args: unknown[]) => void;
}>(); }>();
@ -27,12 +28,8 @@ const zipCode = defineModel<string>('zipCode', { default: '' });
<template> <template>
<q-dialog v-model="modal" @hide="close"> <q-dialog v-model="modal" @hide="close">
<AppBox <AppBox
style=" style="padding: 0; border-radius: var(--radius-2); max-height: 100%"
padding: 0; :style="`max-width:${maxWidth ? maxWidth : '85'}%`"
border-radius: var(--radius-2);
max-width: 85%;
max-height: 100%;
"
> >
<q-form greedy @submit.prevent @validation-success="submit"> <q-form greedy @submit.prevent @validation-success="submit">
<!-- header --> <!-- header -->