update styling

This commit is contained in:
Nitwel
2020-09-15 13:41:19 +02:00
committed by rijkvanzanten
parent 23288c2756
commit a293e0908d
3 changed files with 10 additions and 8 deletions

View File

@@ -1,13 +1,13 @@
<template>
<v-list dense>
<v-list-item @click="$emit('edit-raw')">
<v-list-item-icon><v-icon name="code" /></v-list-item-icon>
<v-list-item-content>{{ $t('edit_raw') }}</v-list-item-content>
</v-list-item>
<v-list-item :disabled="value === null" @click="$emit('input', null)">
<v-list-item-icon><v-icon name="delete_outline" /></v-list-item-icon>
<v-list-item-content>{{ $t('clear_value') }}</v-list-item-content>
</v-list-item>
<v-list-item @click="$emit('edit-raw')">
<v-list-item-icon><v-icon name="edit" /></v-list-item-icon>
<v-list-item-content>{{ $t('edit_raw') }}</v-list-item-content>
</v-list-item>
<v-list-item @click="$emit('input', defaultValue)">
<v-list-item-icon>
<v-icon name="settings_backup_restore" />

View File

@@ -39,7 +39,7 @@
/>
<v-modal :active="showRawModal" :title="$t('edit_raw_value')" :subtitle="type">
<v-textarea v-model="rawString" placeholder="$t('enter_raw_value')"></v-textarea>
<v-textarea v-model="rawString" :placeholder="$t('enter_raw_value')"></v-textarea>
<template #footer>
<v-button secondary @click="undoRaw">
{{ $t('cancel') }}
@@ -67,6 +67,7 @@ import FormFieldLabel from './form-field-label.vue';
import FormFieldMenu from './form-field-menu.vue';
import FormFieldInterface from './form-field-interface.vue';
import { ValidationError } from './types';
import { capitalizeFirst } from '@/utils/capitalize-first';
export default defineComponent({
components: { FormFieldLabel, FormFieldMenu, FormFieldInterface },
@@ -183,7 +184,7 @@ export default defineComponent({
raw.value = rawString.value;
}
return { showRawModal, rawString, editRaw, saveRaw, undoRaw, type };
return { showRawModal, rawString, editRaw, saveRaw, undoRaw, type: capitalizeFirst(type.value) };
}
},
});