TheCloneArmy/serverless-invoices
1
0
Fork 0
mirror of https://github.com/mokuappio/serverless-invoices.git synced 2025-10-28 00:11:08 -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

9
package-lock.json generated
View File

@ -3260,7 +3260,8 @@
"version": "4.6.0", "version": "4.6.0",
"resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz", "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
"integrity": "sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=", "integrity": "sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=",
"dev": true "dev": true,
"optional": true
}, },
"coa": { "coa": {
"version": "2.0.2", "version": "2.0.2",
@ -9030,7 +9031,8 @@
"version": "2.2.2", "version": "2.2.2",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz", "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz",
"integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==", "integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==",
"dev": true "dev": true,
"optional": true
}, },
"pify": { "pify": {
"version": "4.0.1", "version": "4.0.1",
@ -10565,7 +10567,8 @@
"version": "4.0.8", "version": "4.0.8",
"resolved": "https://registry.npmjs.org/rx-lite/-/rx-lite-4.0.8.tgz", "resolved": "https://registry.npmjs.org/rx-lite/-/rx-lite-4.0.8.tgz",
"integrity": "sha1-Cx4Rr4vESDbwSmQH6S2kJGe3lEQ=", "integrity": "sha1-Cx4Rr4vESDbwSmQH6S2kJGe3lEQ=",
"dev": true "dev": true,
"optional": true
}, },
"rx-lite-aggregates": { "rx-lite-aggregates": {
"version": "4.0.8", "version": "4.0.8",

8
src/components/LanguageSwitcher.vue
View File

@ -1,8 +1,10 @@
<template> <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"> <template slot="button-content">
{{ selectedLang.code }} <span class="text-secondary">
<i class="material-icons">keyboard_arrow_down</i> <span class="text-uppercase">{{ selectedLang.code }}</span>
<i class="material-icons md-18">expand_more</i>
</span>
</template> </template>
<template v-for="lang in languages" > <template v-for="lang in languages" >
<b-dropdown-item-button @click="langChanged(lang)" :key="lang.code">{{ lang.name }}</b-dropdown-item-button> <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> <template>
<footer class="col-12 d-flex justify-content-between align-items-center text-secondary px-0 mt-3 d-print-none"> <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"> <div>
{{ theme === 'dark' ? $t('lights-on') : $t('lights-off') }} <LanguageSwitcher/>
<i class="material-icons material-icons-round md-14 align-text-bottom ml-1"> <button class="btn btn-sm text-secondary" @click="toggleTheme">
{{ theme === 'dark' ? 'wb_sunny' : 'brightness_2' }} {{ theme === 'dark' ? $t('lights-on') : $t('lights-off') }}
</i> <i class="material-icons material-icons-round md-14 align-text-bottom ml-1">
</button> {{ theme === 'dark' ? 'wb_sunny' : 'brightness_2' }}
<LanguageSwitcher/> </i>
</button>
</div>
<div> <div>
<small v-b-tooltip.hover <small v-b-tooltip.hover
:title="$t('title')" :title="$t('title')"