Seekra/frontend
3
2
Fork 0
generated from Seekra/repository-template
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Use icons instead of Unicode characters #91

Merged
jakob.scheid merged 13 commits from feature/icons into main 2026-06-01 12:28:35 +02:00
Conversation 1 Commits 13 Files Changed 9
+9 -4
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 54090751a5 - Show all commits
src/features/colorScheme/components/ColorSchemeButton.vue
+9 -4
View File
@@ -15,6 +15,8 @@ limitations under the License.
--> -->
<script setup> <script setup>
import Icon from '@/features/icons/components/Icon.vue';
import { inject } from 'vue'; import { inject } from 'vue';
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
@@ -29,9 +31,9 @@ const colorSchemeNextMapper = {
}; };
const colorSchemeIconMapper = { const colorSchemeIconMapper = {
'dark': '⏾', 'dark': 'crescent-moon',
'light': '☀', 'light': 'sun',
'auto': '◐' 'auto': 'circle-black-white'
}; };
const getTooltipTranslation = function (colorScheme) { const getTooltipTranslation = function (colorScheme) {
@@ -45,7 +47,10 @@ const getTooltipTranslation = function (colorScheme) {
:aria-label="getTooltipTranslation(colorScheme)" :aria-label="getTooltipTranslation(colorScheme)"
:title="getTooltipTranslation(colorScheme)" :title="getTooltipTranslation(colorScheme)"
> >
{{ colorSchemeIconMapper[colorSchemeNextMapper[colorScheme]] }} <Icon
:name="colorSchemeIconMapper[colorSchemeNextMapper[colorScheme]]"
size="16"
/>
</button> </button>
</template> </template>