Commit 7925c1ea285890549042a21ab64a9dfd284b86e5

Authored by Name6
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>