Commit 7925c1ea285890549042a21ab64a9dfd284b86e5
Committed by
GitHub
1 parent
442bd440
fix(Login): fix display issues when AppLocalePicker's showText property is true (#2097)
Showing
1 changed file
with
9 additions
and
7 deletions
src/views/sys/login/Login.vue
1 | <template> | 1 | <template> |
2 | <div :class="prefixCls" class="relative w-full h-full px-4"> | 2 | <div :class="prefixCls" class="relative w-full h-full px-4"> |
3 | - <AppLocalePicker | ||
4 | - class="absolute text-white top-4 right-4 enter-x xl:text-gray-600" | ||
5 | - :showText="false" | ||
6 | - v-if="!sessionTimeout && showLocale" | ||
7 | - /> | ||
8 | - <AppDarkModeToggle class="absolute top-3 right-7 enter-x" v-if="!sessionTimeout" /> | 3 | + <div class="flex items-center absolute right-4 top-4"> |
4 | + <AppDarkModeToggle class="enter-x mr-2" v-if="!sessionTimeout" /> | ||
5 | + <AppLocalePicker | ||
6 | + class="text-white enter-x xl:text-gray-600" | ||
7 | + :show-text="false" | ||
8 | + v-if="!sessionTimeout && showLocale" | ||
9 | + /> | ||
10 | + </div> | ||
9 | 11 | ||
10 | <span class="-enter-x xl:hidden"> | 12 | <span class="-enter-x xl:hidden"> |
11 | <AppLogo :alwaysShowTitle="true" /> | 13 | <AppLogo :alwaysShowTitle="true" /> |
@@ -24,7 +26,7 @@ | @@ -24,7 +26,7 @@ | ||
24 | <div class="mt-10 font-medium text-white -enter-x"> | 26 | <div class="mt-10 font-medium text-white -enter-x"> |
25 | <span class="inline-block mt-4 text-3xl"> {{ t('sys.login.signInTitle') }}</span> | 27 | <span class="inline-block mt-4 text-3xl"> {{ t('sys.login.signInTitle') }}</span> |
26 | </div> | 28 | </div> |
27 | - <div class="mt-5 font-normal text-white text-md dark:text-gray-500 -enter-x"> | 29 | + <div class="mt-5 font-normal text-white dark:text-gray-500 -enter-x"> |
28 | {{ t('sys.login.signInDesc') }} | 30 | {{ t('sys.login.signInDesc') }} |
29 | </div> | 31 | </div> |
30 | </div> | 32 | </div> |