feat: change to icon-only

This commit is contained in:
Methapon2001 2024-08-09 09:06:13 +07:00
parent be070a7058
commit de83675db4

View file

@ -4,12 +4,14 @@ import FormAddress from 'src/components/02_personnel-management/FormAddress.vue'
import EmployerFormBusiness from './EmployerFormBusiness.vue'; import EmployerFormBusiness from './EmployerFormBusiness.vue';
import EmployerFormContact from './EmployerFormContact.vue'; import EmployerFormContact from './EmployerFormContact.vue';
import { CustomerCreate } from 'src/stores/customer/types'; import { CustomerCreate } from 'src/stores/customer/types';
import { EditButton } from 'src/components/button';
import DeleteButton from 'src/components/button/DeleteButton.vue';
import SaveButton from 'src/components/button/SaveButton.vue';
import CancelButton from 'src/components/button/CancelButton.vue';
import EmployerFormAbout from './EmployerFormAbout.vue'; import EmployerFormAbout from './EmployerFormAbout.vue';
import EmployerFormAttachment from './EmployerFormAttachment.vue'; import EmployerFormAttachment from './EmployerFormAttachment.vue';
import {
SaveButton,
EditButton,
CancelButton,
DeleteButton,
} from 'components/button';
const item = defineModel<NonNullable<CustomerCreate['customerBranch']>[number]>( const item = defineModel<NonNullable<CustomerCreate['customerBranch']>[number]>(
'customerBranch', 'customerBranch',
@ -40,31 +42,31 @@ defineProps<{
> >
{{ $t('customer.form.branch.title', { name: item.branchNo || 0 }) }} {{ $t('customer.form.branch.title', { name: item.branchNo || 0 }) }}
<EditButton <EditButton
icon-only
v-if="readonly" v-if="readonly"
style="width: 5rem"
@click="$emit('edit')" @click="$emit('edit')"
class="q-ml-auto" class="q-ml-auto"
type="button" type="button"
:disabled="actionDisabled" :disabled="actionDisabled"
/> />
<DeleteButton <DeleteButton
icon-only
v-if="readonly" v-if="readonly"
style="width: 5rem"
@click="$emit('delete')" @click="$emit('delete')"
type="button" type="button"
:disabled="actionDisabled" :disabled="actionDisabled"
/> />
<SaveButton <SaveButton
icon-only
v-if="!readonly" v-if="!readonly"
style="width: 5rem"
@click="$emit('save')" @click="$emit('save')"
class="q-ml-auto" class="q-ml-auto"
type="submit" type="submit"
:disabled="actionDisabled" :disabled="actionDisabled"
/> />
<CancelButton <CancelButton
icon-only
v-if="!readonly" v-if="!readonly"
style="width: 5rem"
@click="$emit('cancel')" @click="$emit('cancel')"
type="button" type="button"
:disabled="actionDisabled" :disabled="actionDisabled"