Add validation of the imported theme and the corresponding warning message

This commit is contained in:
Ole Bertram 2018-07-04 14:25:40 +02:00
parent 8f79193883
commit 2a87e29180
No known key found for this signature in database
GPG key ID: E1B751CB4B7F8D28
3 changed files with 24 additions and 2 deletions

View file

@ -11,6 +11,7 @@
<div>
<button class="btn" @click="exportCurrentTheme">{{ $t('settings.export_theme') }}</button>
<button class="btn" @click="importTheme">{{ $t('settings.import_theme') }}</button>
<p v-if="invalidThemeImported" class="import-warning">{{ $t('settings.invalid_theme_imported') }}</p>
</div>
<div class="color-container">
<p>{{$t('settings.theme_help')}}</p>
@ -135,6 +136,11 @@
margin-right: 1em;
}
.import-warning {
color: $fallback--cRed;
color: var(--cRed, $fallback--cRed);
}
.radius-container,
.color-container {
display: flex;