🌐 Adds localisation for Settings, Config and Theme maker

This commit is contained in:
Alicia Sykes
2021-07-24 16:18:28 +01:00
parent ef3468e2fb
commit 55aeb44c1a
6 changed files with 77 additions and 26 deletions
+19 -7
View File
@@ -1,13 +1,25 @@
<template>
<div>
<span class="options-label">Icon Size</span>
<span class="options-label">{{ $t('settings.item-size-label') }}</span>
<div class="display-options">
<IconSmall @click="updateIconSize('small')" v-tooltip="tooltip('Small')"
:class="`layout-icon ${iconSize === 'small' ? 'selected' : ''}`" tabindex="-2" />
<IconMedium @click="updateIconSize('medium')" v-tooltip="tooltip('Medium')"
:class="`layout-icon ${iconSize === 'medium' ? 'selected' : ''}`" tabindex="-2" />
<IconLarge @click="updateIconSize('large')" v-tooltip="tooltip('Large')"
:class="`layout-icon ${iconSize === 'large' ? 'selected' : ''}`" tabindex="-2" />
<IconSmall
@click="updateIconSize('small')"
v-tooltip="tooltip($t('settings.item-size-small'))"
:class="`layout-icon ${iconSize === 'small' ? 'selected' : ''}`"
tabindex="-2"
/>
<IconMedium
@click="updateIconSize('medium')"
v-tooltip="tooltip($t('settings.item-size-medium'))"
:class="`layout-icon ${iconSize === 'medium' ? 'selected' : ''}`"
tabindex="-2"
/>
<IconLarge
@click="updateIconSize('large')"
v-tooltip="tooltip($t('settings.item-size-large'))"
:class="`layout-icon ${iconSize === 'large' ? 'selected' : ''}`"
tabindex="-2"
/>
</div>
</div>
</template>