diff --git a/locales/en.json b/locales/en.json index 66074a6..2210b7d 100644 --- a/locales/en.json +++ b/locales/en.json @@ -25,6 +25,9 @@ "link1": "Webrecorder", "link2": "Mozilla Open-Source Support" }, + "header": { + "donate": "Keep this free. Donate" + }, "newRequest": { "headingParagraph": "Want an offline version of a website? Just {0}!", "headingBold": "ZIM it", diff --git a/locales/qqq.json b/locales/qqq.json index 0b08f15..25d6e90 100644 --- a/locales/qqq.json +++ b/locales/qqq.json @@ -25,6 +25,9 @@ "link1": "This is the word(s) inside the second link of footer paragraph", "link2": "This is the word(s) inside the third link of footer paragraph" }, + "header": { + "donate": "This is the text of a button to call for donations" + }, "newRequest": { "headingParagraph": "This is the heading on home page allowing to create a new task.", "headingBold": "This is the call to action displayed in bold.", diff --git a/ui/src/App.vue b/ui/src/App.vue index 2888de6..dfe395a 100644 --- a/ui/src/App.vue +++ b/ui/src/App.vue @@ -6,10 +6,13 @@ import constants from './constants' import { supportedLanguages, getCurrentLocale, setCurrentLocale } from './i18n' const { t } = useI18n() const config = inject(constants.config) +import { useDisplay } from 'vuetify' import { useMainStore } from './stores/main' const mainStore = useMainStore() +const { smAndDown } = useDisplay() + // compute items for language combobox const languageItems = computed(() => { return supportedLanguages.map((lang) => { @@ -41,19 +44,31 @@ watch(