Refactor #3431
parent
d8f0f25121
commit
918cddb952
|
@ -2,7 +2,7 @@
|
|||
<CDialog v-model:visible="visible" role="alertdialog" class="p-confirm-dialog" :modal="true" :header="header" :blockScroll="blockScroll" :position="position" :breakpoints="breakpoints" :closeOnEscape="closeOnEscape" @update:visible="onHide">
|
||||
<template v-if="!$slots.message">
|
||||
<i v-if="confirmation.icon" :class="iconClass" />
|
||||
<span :class="{ 'p-confirm-dialog-message': !!confirmation.icon }">{{ message }}</span>
|
||||
<span class="p-confirm-dialog-message">{{ message }}</span>
|
||||
</template>
|
||||
<component v-else :is="$slots.message" :message="confirmation"></component>
|
||||
<template #footer>
|
||||
|
|
|
@ -4186,7 +4186,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4186,7 +4186,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4186,7 +4186,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4186,7 +4186,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4198,7 +4198,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4198,7 +4198,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4198,7 +4198,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4198,7 +4198,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4161,7 +4161,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4161,7 +4161,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4161,7 +4161,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4161,7 +4161,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4161,7 +4161,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4161,7 +4161,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4161,7 +4161,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4161,7 +4161,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4161,7 +4161,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4173,7 +4173,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4173,7 +4173,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4173,7 +4173,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4173,7 +4173,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4210,7 +4210,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4210,7 +4210,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4210,7 +4210,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4210,7 +4210,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4210,7 +4210,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4210,7 +4210,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4210,7 +4210,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4210,7 +4210,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4161,7 +4161,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4173,7 +4173,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4173,7 +4173,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4173,7 +4173,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4161,7 +4161,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4186,7 +4186,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4186,7 +4186,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4186,7 +4186,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4186,7 +4186,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4221,7 +4221,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4186,7 +4186,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4186,7 +4186,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4186,7 +4186,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -4186,7 +4186,7 @@
|
|||
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
|
||||
.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue