optovia/webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): hide SubNavigation on home page, reorder sections, remove description
All checks were successful
Build Docker Image / build (push) Successful in 4m9s
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-01-08 13:59:24 +07:00
parent 6b2208f0ae
commit 821dd72809
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/layouts/topnav.vue
View File

@@ -19,8 +19,8 @@
<!-- Global Search Bar --> <!-- Global Search Bar -->
<GlobalSearchBar v-if="showSearch" class="border-b border-base-300" /> <GlobalSearchBar v-if="showSearch" class="border-b border-base-300" />
<!-- Sub Navigation (section-specific tabs) --> <!-- Sub Navigation (section-specific tabs) - hidden on home page -->
<SubNavigation :section="currentSection" /> <SubNavigation v-if="!isHomePage" :section="currentSection" />
<!-- Page content --> <!-- Page content -->
<main class="flex-1 flex flex-col min-h-0 px-3 lg:px-6 py-4"> <main class="flex-1 flex flex-col min-h-0 px-3 lg:px-6 py-4">
@@ -80,11 +80,14 @@ const currentSection = computed(() => {
return 'catalog' return 'catalog'
}) })
// Show search bar only on main page // Home page detection
const showSearch = computed(() => { const isHomePage = computed(() => {
return route.path === '/' || route.path === '/en' || route.path === '/ru' return route.path === '/' || route.path === '/en' || route.path === '/ru'
}) })
// Show search bar only on main page
const showSearch = computed(() => isHomePage.value)
// Avatar generation // Avatar generation
const generateUserAvatar = async (seed: string) => { const generateUserAvatar = async (seed: string) => {
if (!seed) return if (!seed) return

1
app/pages/index.vue
View File

@@ -34,7 +34,6 @@
<Section variant="plain"> <Section variant="plain">
<Stack gap="8" align="center"> <Stack gap="8" align="center">
<Heading :level="2">{{ $t('roles.title') }}</Heading> <Heading :level="2">{{ $t('roles.title') }}</Heading>
<Text align="center" tone="muted">{{ $t('about.description') }}</Text>
<Grid :cols="1" :md="3" :gap="6"> <Grid :cols="1" :md="3" :gap="6">
<Card padding="lg"> <Card padding="lg">