defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update toggle header when mobile ui

Browse Source
This commit is contained in:
Dede Fuji Abdul
2023-10-27 08:59:01 +07:00
parent 8384a35832
commit dca8a81670
4 changed files with 15 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Navigation/Header.vue
View File

@@ -16,7 +16,8 @@ import {
import { MagnifyingGlassIcon } from '@heroicons/vue/24/solid'
import PictureInitial from '@/components/PictureInitial.vue'
import { useDialogStore } from '@/stores/dialog'
import { IconApp } from '@/utils/icons'
import { IconApp, IconBars3 } from '@/utils/icons'
import { RouterLink } from 'vue-router'
const auth = useAuthStore()
const user = useUserStore()
@@ -46,11 +47,11 @@ const showDialogLogout = () => {
<div class="sticky top-0 z-10 flex flex-shrink-0 h-16 bg-primary-50 md:ml-80">
<button type="button" class="px-4 text-gray-500 focus:outline-none focus:ring-0 md:hidden" @click="openSideBar">
<span class="sr-only">Open sidebar</span>
<Bars3BottomLeftIcon class="w-6 h-6" aria-hidden="true" />
<IconBars3 class="w-6 h-6 fill-gray-600" />
</button>
<div class="flex items-center flex-shrink-0 my-auto ml-2 md:hidden">
<RouterLink to="/home" class="flex items-center flex-shrink-0 my-auto ml-2 md:hidden">
<img class="w-auto h-11" :src="IconApp" alt="PLN" />
</div>
</RouterLink>
<div class="flex justify-end w-full px-4">
<div class="flex items-center ml-4 md:ml-6">
<button @click="command.showCommandPalettes" type="button"