feat: Add AppHeader component and implement the default application layout.

This commit is contained in:
supalerk-ar66 2026-01-28 09:55:21 +07:00
parent 470f4a5577
commit e9cdb0ddbe
3 changed files with 40 additions and 29 deletions

View file

@ -10,10 +10,7 @@ defineProps<{
showSearch?: boolean
}>()
const emit = defineEmits<{
/** Emitted when the hamburger menu is clicked */
toggleSidebar: []
}>()
const searchText = ref('')
</script>
@ -21,15 +18,7 @@ const searchText = ref('')
<template>
<q-toolbar class="bg-transparent text-slate-800 dark:text-white h-16 px-4">
<!-- Mobile Menu Toggle -->
<q-btn
flat
round
dense
icon="menu"
@click="emit('toggleSidebar')"
class="md:hidden mr-2 text-slate-700 dark:text-white"
aria-label="Menu"
/>
<!-- Branding -->
<div class="flex items-center gap-2 cursor-pointer" @click="navigateTo('/dashboard')">