TheCloneArmy/serverless-invoices
1
0
Fork 0
mirror of https://github.com/mokuappio/serverless-invoices.git synced 2025-10-27 16:01:07 -04:00
Code Issues Packages Projects Releases Wiki Activity

Language selector match styles with other links in the footer

Browse Source
This commit is contained in:
Marek Fraczyk
2021-04-23 12:28:22 +03:00
parent cf0a3b103b
commit 12533b1251
3 changed files with 20 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/LanguageSwitcher.vue
View File

@ -1,8 +1,10 @@
<template>
<b-dropdown v-if="selectedLang" variant="link" size="sm" no-caret right>
<b-dropdown v-if="selectedLang" variant="link" size="sm" right no-caret custom-class="text-secondary">
<template slot="button-content">
{{ selectedLang.code }}
<i class="material-icons">keyboard_arrow_down</i>
<span class="text-secondary">
<span class="text-uppercase">{{ selectedLang.code }}</span>
<i class="material-icons md-18">expand_more</i>
</span>
</template>
<template v-for="lang in languages" >
<b-dropdown-item-button @click="langChanged(lang)" :key="lang.code">{{ lang.name }}</b-dropdown-item-button>

16
src/components/TheFooter.vue
View File

@ -1,12 +1,14 @@
<template>
<footer class="col-12 d-flex justify-content-between align-items-center text-secondary px-0 mt-3 d-print-none">
<button class="btn btn-sm text-secondary" @click="toggleTheme">
{{ theme === 'dark' ? $t('lights-on') : $t('lights-off') }}
<i class="material-icons material-icons-round md-14 align-text-bottom ml-1">
{{ theme === 'dark' ? 'wb_sunny' : 'brightness_2' }}
</i>
</button>
<LanguageSwitcher/>
<div>
<LanguageSwitcher/>
<button class="btn btn-sm text-secondary" @click="toggleTheme">
{{ theme === 'dark' ? $t('lights-on') : $t('lights-off') }}
<i class="material-icons material-icons-round md-14 align-text-bottom ml-1">
{{ theme === 'dark' ? 'wb_sunny' : 'brightness_2' }}
</i>
</button>
</div>
<div>
<small v-b-tooltip.hover
:title="$t('title')"