diff options
| author | Ole Bertram <git@bertr.am> | 2018-07-04 14:25:40 +0200 |
|---|---|---|
| committer | Ole Bertram <git@bertr.am> | 2018-07-04 14:25:40 +0200 |
| commit | 2a87e29180641621301a9e04bc2f493e01f4ca33 (patch) | |
| tree | 60b4adcd7d6664c90cd86bdc9529620648e442d0 /src/components/style_switcher/style_switcher.vue | |
| parent | 8f7919388391742671ef0398e017383d7f0b2bc5 (diff) | |
Add validation of the imported theme and the corresponding warning message
Diffstat (limited to 'src/components/style_switcher/style_switcher.vue')
| -rw-r--r-- | src/components/style_switcher/style_switcher.vue | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/src/components/style_switcher/style_switcher.vue b/src/components/style_switcher/style_switcher.vue index 0bc08bd7..1439763d 100644 --- a/src/components/style_switcher/style_switcher.vue +++ b/src/components/style_switcher/style_switcher.vue @@ -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; |