feat(nav): client area tabs in main navigation
Some checks failed
Build Docker Image / build (push) Has been cancelled
Some checks failed
Build Docker Image / build (push) Has been cancelled
- Add Cabinet button to header (dashboard icon) - When in /clientarea/* show tabs instead of search input - Tabs: Заказы | Предложения (SELLER only) | Адреса | Профиль | Команда - Hide Explore/Quote toggle in client area - Remove SubNavigation for clientarea (tabs moved to MainNavigation)
This commit is contained in:
@@ -30,6 +30,7 @@
|
||||
:show-active-mode="isCatalogSection"
|
||||
:is-collapsed="isHomePage ? heroIsCollapsed : isCatalogSection"
|
||||
:is-home-page="isHomePage"
|
||||
:is-client-area="isClientArea"
|
||||
@toggle-theme="toggleTheme"
|
||||
@set-catalog-mode="setCatalogMode"
|
||||
@sign-out="onClickSignOut"
|
||||
@@ -54,9 +55,9 @@
|
||||
</template>
|
||||
</MainNavigation>
|
||||
|
||||
<!-- Sub Navigation (section-specific tabs) - only for non-catalog/non-home sections -->
|
||||
<!-- Sub Navigation (section-specific tabs) - only for non-catalog/non-home/non-clientarea sections -->
|
||||
<SubNavigation
|
||||
v-if="!isHomePage && !isCatalogSection"
|
||||
v-if="!isHomePage && !isCatalogSection && !isClientArea"
|
||||
:section="currentSection"
|
||||
/>
|
||||
</div>
|
||||
@@ -174,8 +175,13 @@ const isCatalogSection = computed(() => {
|
||||
route.path.startsWith('/ru/catalog')
|
||||
})
|
||||
|
||||
// Client area detection (cabinet tabs in MainNavigation, no SubNav needed)
|
||||
const isClientArea = computed(() => {
|
||||
return route.path.includes('/clientarea')
|
||||
})
|
||||
|
||||
// Collapsible header logic - only for pages with SubNav
|
||||
const hasSubNav = computed(() => !isHomePage.value && !isCatalogSection.value)
|
||||
const hasSubNav = computed(() => !isHomePage.value && !isCatalogSection.value && !isClientArea.value)
|
||||
const canCollapse = computed(() => hasSubNav.value)
|
||||
const isHeaderCollapsed = computed(() => canCollapse.value && isCollapsed.value)
|
||||
|
||||
@@ -193,6 +199,7 @@ const headerContainerStyle = computed(() => {
|
||||
const mainStyle = computed(() => {
|
||||
if (isCatalogSection.value) return { paddingTop: '0' }
|
||||
if (isHomePage.value) return { paddingTop: `${heroBaseHeight.value}px` }
|
||||
if (isClientArea.value) return { paddingTop: '116px' } // Header only, no SubNav
|
||||
return { paddingTop: '154px' }
|
||||
})
|
||||
|
||||
|
||||
Reference in New Issue
Block a user