change color of button when deleting field and collection

This commit is contained in:
Nitwel
2020-10-07 12:16:06 +02:00
parent 0e03847778
commit 2f5b5d5ac6
2 changed files with 7 additions and 1 deletions

View File

@@ -73,6 +73,7 @@ export default defineComponent({
<style lang="scss" scoped>
.v-button.delete {
--v-button-background-color: var(--danger);
--v-button-background-color-hover: var(--danger-125);
}
.ctx-toggle {

View File

@@ -184,7 +184,7 @@
<v-card-title>{{ $t('delete_field_are_you_sure', { field: field.field }) }}</v-card-title>
<v-card-actions>
<v-button @click="deleteActive = false" secondary>{{ $t('cancel') }}</v-button>
<v-button :loading="deleting" @click="deleteField">{{ $t('delete') }}</v-button>
<v-button :loading="deleting" @click="deleteField" class="delete">{{ $t('delete') }}</v-button>
</v-card-actions>
</v-card>
</v-dialog>
@@ -500,4 +500,9 @@ export default defineComponent({
@include form-grid;
}
.delete {
--v-button-background-color: var(--danger);
--v-button-background-color-hover: var(--danger-125);
}
</style>