change font,loginLogo,text,... for boursemes

This commit is contained in:
2026-05-31 16:27:59 +03:30
parent a7559879fb
commit 6827cd1ab5
34 changed files with 524 additions and 280 deletions
+38 -19
View File
@@ -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(),
},
}
})