Polish boursecu UX: branding logos, home price stats, assets, and desktop footer.
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -34,20 +34,25 @@
|
||||
@click="navigateTo(item.routeName)"
|
||||
/>
|
||||
</nav>
|
||||
|
||||
<div class="desktop-sidebar__credit">
|
||||
<AppCreditLink variant="sidebar" />
|
||||
</div>
|
||||
</aside>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { computed } from 'vue'
|
||||
import { useConfigStore } from '@/store/configStore'
|
||||
import { getProjectNavLogo, isBoursecuProject } from '@/utils/config'
|
||||
import { getProjectSplashLogo, isBoursecuProject } from '@/utils/config'
|
||||
import { getPrimaryNavItems, SECONDARY_NAV } from '../config/navigation'
|
||||
import { useAppNavigation } from '../composables/useAppNavigation'
|
||||
import DesktopNavItem from './DesktopNavItem.vue'
|
||||
import AppCreditLink from '@/components/AppCreditLink.vue'
|
||||
|
||||
const config = useConfigStore()
|
||||
const isBoursecu = isBoursecuProject()
|
||||
const navLogo = computed(() => getProjectNavLogo(config.config?.avatar))
|
||||
const navLogo = computed(() => getProjectSplashLogo(config.config?.avatar))
|
||||
const primaryItems = getPrimaryNavItems()
|
||||
const secondaryItems = SECONDARY_NAV
|
||||
|
||||
|
||||
@@ -72,7 +72,8 @@
|
||||
|
||||
.desktop-sidebar__logo {
|
||||
max-width: 200px;
|
||||
max-height: 80px;
|
||||
max-height: 200px;
|
||||
width: min(100%, 200px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -102,6 +103,13 @@
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
.desktop-sidebar__credit {
|
||||
margin-top: 12px;
|
||||
padding: 12px 8px 4px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.desktop-sidebar__divider {
|
||||
height: 1px;
|
||||
background: rgba(0, 0, 0, 0.08);
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
<script lang="ts" setup>
|
||||
import { computed } from 'vue'
|
||||
import { useConfigStore } from '@/store/configStore'
|
||||
import { getProjectNavLogo, isBoursecuProject } from '@/utils/config'
|
||||
import { getProjectMobileNavLogo, isBoursecuProject } from '@/utils/config'
|
||||
import { SECONDARY_NAV } from '../config/navigation'
|
||||
import { useAppNavigation } from '../composables/useAppNavigation'
|
||||
import MobileBottomNav from './MobileBottomNav.vue'
|
||||
@@ -37,7 +37,7 @@ import MobileOverflowMenu from './MobileOverflowMenu.vue'
|
||||
|
||||
const config = useConfigStore()
|
||||
const isBoursecu = isBoursecuProject()
|
||||
const navLogo = computed(() => getProjectNavLogo(config.config?.avatar))
|
||||
const navLogo = computed(() => getProjectMobileNavLogo(config.config?.avatar))
|
||||
|
||||
const {
|
||||
popVisible,
|
||||
|
||||
@@ -46,9 +46,7 @@
|
||||
--app-credit-footer-offset: 0px;
|
||||
}
|
||||
|
||||
.app-credit-footer {
|
||||
display: none !important;
|
||||
}
|
||||
/* Mobile fixed bar hidden on desktop — credit shown in sidebar / floating badge */
|
||||
|
||||
/* Teleport to body escapes parent v-show — hide mobile dock chrome on desktop */
|
||||
.app-dock-add-bar,
|
||||
|
||||
Reference in New Issue
Block a user