adaptacion al telefono

resources/js/Layouts/AuthenticatedLayout.vue

@@ -29,6 +29,15 @@ const showingNavigationDropdown = ref(false);
                     </div>
 
                     <div class="ms-auto d-flex align-items-center gap-2">
+                        <button
+                            type="button"
+                            class="btn btn-outline-secondary btn-sm d-lg-none"
+                            @click="showingNavigationDropdown = !showingNavigationDropdown"
+                            aria-label="Abrir menú"
+                        >
+                            <i class="bi bi-list fs-5"></i>
+                        </button>
+
                         <Dropdown align="right" width="48">
                             <template #trigger>
                                 <button type="button" class="btn btn-outline-secondary btn-sm">
@@ -43,6 +52,17 @@ const showingNavigationDropdown = ref(false);
                         </Dropdown>
                     </div>
                 </div>
+
+                <div v-show="showingNavigationDropdown" class="d-lg-none w-100 border-top bg-white">
+                    <div class="container py-2 d-flex flex-column gap-2">
+                        <ResponsiveNavLink :href="route('dashboard')" :active="route().current('dashboard')">
+                            Dashboard
+                        </ResponsiveNavLink>
+                        <ResponsiveNavLink :href="route('projects.index')" :active="route().current('projects.index')">
+                            Projects
+                        </ResponsiveNavLink>
+                    </div>
+                </div>
             </nav>
 
             <header class="bg-white border-bottom" v-if="$slots.header">