Integrate remote logo changes with local SSE and wallet assets work.
This commit is contained in:
2026-06-27 16:54:32 +03:30
5 changed files with 53 additions and 12 deletions
@@ -1,7 +1,13 @@
<template>
<div class="dauth" :class="{ 'dauth--boursecu': isBoursecu }">
<div class="dauth__layout">
<aside class="dauth-brand" :class="{ 'dauth-brand--boursecu': isBoursecu }">
<aside
class="dauth-brand"
:class="{
'dauth-brand--boursecu': isBoursecu,
'dauth-brand--soroushgold': isSoroushgold,
}"
>
<div class="dauth-brand__pattern" />
<div class="dauth-brand__content">
<img
@@ -37,18 +43,20 @@ import pkg from '../../../../../package.json'
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
import { useConfigStore } from '@/store/configStore'
import {
getProjectDesktopLoginBrandLogo,
getProjectLoginTaglineLines,
getProjectSplashLogo,
hasCustomLoginLogoLayout,
isBoursecuProject,
isSoroushgoldProject,
} from '@/utils/config'
const config = useConfigStore()
const isBoursecu = isBoursecuProject()
const hasCustomLayout = hasCustomLoginLogoLayout()
const isSoroushgold = isSoroushgoldProject()
const hasCustomLayout = hasCustomLoginLogoLayout() || isSoroushgold
const version = pkg.version
const logo = computed(() => getProjectSplashLogo(config.config?.avatar))
const logo = computed(() => getProjectDesktopLoginBrandLogo(config.config?.avatar))
const taglineLines = computed(() => getProjectLoginTaglineLines())
const tagline = computed(() => {
@@ -34,6 +34,15 @@
}
}
&--soroushgold {
.dauth-brand__logo {
max-width: 220px;
max-height: 220px;
width: min(100%, 220px);
object-fit: contain;
}
}
&__pattern {
position: absolute;
inset: 0;