Skip to content

Commit 4811ae9

Browse files
committed
feat: Enhance mobile sidebar with sticky header and search functionality
1 parent a2277fd commit 4811ae9

File tree

3 files changed

+6
-1
lines changed

3 files changed

+6
-1
lines changed
0 Bytes
Binary file not shown.

docs-v3/components/MobileSidebarOverlay.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
@click.stop
1414
@touchmove.stop
1515
>
16-
<div class="flex items-center justify-between px-4 py-4 border-b border-gray-200 dark:border-gray-700 flex-shrink-0">
16+
<div class="sticky top-0 z-10 flex items-center justify-between px-4 py-4 border-b border-gray-200 dark:border-gray-700 flex-shrink-0 bg-white dark:bg-gray-900">
1717
<h2 class="text-lg font-semibold text-gray-900 dark:text-white">{{ title }}</h2>
1818
<button
1919
@click.stop="$emit('close')"

docs-v3/components/docs/DocsSidebar.vue

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,11 @@
2020
title="Documentation"
2121
@close="toggleMobileMenu"
2222
>
23+
<!-- Mobile Search -->
24+
<div class="mb-6">
25+
<UContentSearchButton label="Search docs..." :collapsed="false" class="w-full" @click="toggleMobileMenu" />
26+
</div>
27+
2328
<div class="space-y-6">
2429
<NavigationSection
2530
v-for="section in navigationSections"

0 commit comments

Comments
 (0)