diff --git a/src/App.vue b/src/App.vue index 123110469..79fa63a46 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,6 +1,5 @@ - @@ -9,9 +8,13 @@ - - + + + + + + @@ -22,13 +25,14 @@ import {useI18n} from 'vue-i18n' import isTouchDevice from 'is-touch-device' import Notification from '@/components/misc/notification.vue' +import UpdateNotification from '@/components/home/UpdateNotification.vue' import KeyboardShortcuts from '@/components/misc/keyboard-shortcuts/index.vue' + import TheNavigation from '@/components/home/TheNavigation.vue' import ContentAuth from '@/components/home/contentAuth.vue' import ContentLinkShare from '@/components/home/contentLinkShare.vue' import NoAuthWrapper from '@/components/misc/no-auth-wrapper.vue' import Ready from '@/components/misc/ready.vue' -import Update from '@/components/home/Update.vue' import {setLanguage} from '@/i18n' import AccountDeleteService from '@/services/accountDelete' diff --git a/src/components/home/Update.vue b/src/components/home/UpdateNotification.vue similarity index 72% rename from src/components/home/Update.vue rename to src/components/home/UpdateNotification.vue index 00f446c56..63799e67b 100644 --- a/src/components/home/Update.vue +++ b/src/components/home/UpdateNotification.vue @@ -1,7 +1,11 @@ - {{ $t('update.available') }} - + {{ $t('update.available') }} + {{ $t('update.do') }} @@ -42,40 +46,30 @@ function refreshApp() { \ No newline at end of file diff --git a/src/components/home/contentAuth.vue b/src/components/home/contentAuth.vue index e980c0329..d8315dec6 100644 --- a/src/components/home/contentAuth.vue +++ b/src/components/home/contentAuth.vue @@ -224,9 +224,4 @@ labelStore.loadAllLabels() position: relative; z-index: 1; } - -.is-touch .content-auth, -.content-auth.z-unset { - z-index: unset; -} \ No newline at end of file diff --git a/src/components/input/button.vue b/src/components/input/button.vue index ddc340804..f8a6d5694 100644 --- a/src/components/input/button.vue +++ b/src/components/input/button.vue @@ -8,17 +8,20 @@ 'has-no-shadow': !shadow || variant === 'tertiary', } ]" + :style="{ + '--button-white-space': wrap ? 'break-spaces' : 'nowrap', + }" > @@ -50,6 +53,7 @@ export interface ButtonProps extends BaseButtonProps { iconColor?: string loading?: boolean shadow?: boolean + wrap?: boolean } const { @@ -58,6 +62,7 @@ const { iconColor = '', loading = false, shadow = true, + wrap = true, } = defineProps() const variantClass = computed(() => BUTTON_TYPES_MAP[variant]) @@ -67,7 +72,7 @@ const showIconOnly = computed(() => icon !== '' && typeof slots.default === 'und
{{ $t('update.available') }}