change font,loginLogo,text,... for boursemes
This commit is contained in:
+38
-19
@@ -23,28 +23,44 @@
|
||||
</router-view>
|
||||
|
||||
</div>
|
||||
<div v-else class="flex bottom-0 wrap-fix top-0 bg-white z-1000000000000 justify-center">
|
||||
<div class="top-0 wrap-fix h-1/3 w-screen flex">
|
||||
<img :src="img_topGradiant" alt="" class="absolute z-10 w-screen h-full object-cover"/>
|
||||
<img :src="img_pattern" alt="" class="absolute w-screen h-full object-none"/>
|
||||
</div>
|
||||
<div class="wrap-fix bottom-0 h-1/3 w-screen">
|
||||
<img
|
||||
:src="img_bottomGradiant"
|
||||
alt=""
|
||||
class="absolute z-10 w-screen h-full object-cover"
|
||||
/>
|
||||
<img :src="img_pattern" alt="" class="absolute w-screen h-full object-none"/>
|
||||
</div>
|
||||
<div
|
||||
v-else
|
||||
class="flex bottom-0 wrap-fix top-0 z-1000000000000 justify-center"
|
||||
:style="{ backgroundColor: getProjectSplashBackground() }"
|
||||
>
|
||||
<template v-if="!isBoursecuProject()">
|
||||
<div class="top-0 wrap-fix h-1/3 w-screen flex">
|
||||
<img :src="img_topGradiant" alt="" class="absolute z-10 w-screen h-full object-cover"/>
|
||||
<img :src="img_pattern" alt="" class="absolute w-screen h-full object-none"/>
|
||||
</div>
|
||||
<div class="wrap-fix bottom-0 h-1/3 w-screen">
|
||||
<img
|
||||
:src="img_bottomGradiant"
|
||||
alt=""
|
||||
class="absolute z-10 w-screen h-full object-cover"
|
||||
/>
|
||||
<img :src="img_pattern" alt="" class="absolute w-screen h-full object-none"/>
|
||||
</div>
|
||||
</template>
|
||||
<div class="self-center splash_appear_fade_in">
|
||||
<img :src="config?.config?.avatar" class="h-[20vh]">
|
||||
<img
|
||||
:src="getProjectLoginLogo(config?.config?.avatar)"
|
||||
:class="isBoursecuProject()
|
||||
? 'w-[80vw] max-w-[320px] h-auto object-contain'
|
||||
: 'h-[20vh] object-contain'"
|
||||
>
|
||||
|
||||
</div>
|
||||
<div class="fixed w-full bottom-5 home_appear_fade_in_up">
|
||||
<div class="text-center text-xs">نسخه: {{ pkg.version }}</div>
|
||||
<div
|
||||
class="text-center text-xs"
|
||||
:class="isBoursecuProject() ? 'text-white' : ''"
|
||||
>
|
||||
نسخه: {{ pkg.version }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="absolute bottom-10">
|
||||
<a-spin :indicator="indicator" size="small"/>
|
||||
<a-spin :indicator="splashIndicator" size="small"/>
|
||||
</div>
|
||||
</div>
|
||||
</transition>
|
||||
@@ -107,17 +123,19 @@ import img_bottomGradiant from '@/views/login/assets/img/gr_bottom_white.svg'
|
||||
import {DotLottieVue} from '@lottiefiles/dotlottie-vue'
|
||||
import BasicButton from '@/components/BasicPacks/BasicButton.vue'
|
||||
import {useConfigStore} from "@/store/configStore";
|
||||
import {getProjectFontFamily, getProjectLoginLogo, getProjectSplashBackground, isBoursecuProject} from "@/utils/config";
|
||||
import {ConfigProvider as AConfigProvider} from 'ant-design-vue'
|
||||
import BasicIcon from "@/components/BasicPacks/BasicIcon.vue";
|
||||
|
||||
const {offlineReady, needRefresh, updateServiceWorker} = useRegisterSW()
|
||||
const config = useConfigStore()
|
||||
const indicator = h(LoadingOutlined, {
|
||||
const splashIndicator = computed(() => h(LoadingOutlined, {
|
||||
style: {
|
||||
fontSize: '24px'
|
||||
fontSize: '24px',
|
||||
color: isBoursecuProject() ? '#ffffff' : undefined,
|
||||
},
|
||||
spin: true
|
||||
})
|
||||
}))
|
||||
const showSplash = ref(true)
|
||||
const popVisible = ref(false)
|
||||
|
||||
@@ -130,6 +148,7 @@ const antTheme = computed(() => {
|
||||
colorLink: config.config.color,
|
||||
colorLinkActive: config.config.color,
|
||||
colorLinkHover: config.config.color,
|
||||
fontFamily: getProjectFontFamily(),
|
||||
},
|
||||
}
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user