jaro/ikea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

implementing translation on sidebar menu

Browse Source
This commit is contained in:
Geriano
2022-08-14 20:07:22 +07:00
parent 3a11590900
commit 1d141a8b60
2 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
resources/js/Components/DashboardLayout/Sidebar/Link.vue
View File

@@ -13,10 +13,14 @@ const link = route().has(menu.route_or_url) ? route(menu.route_or_url) : menu.ro
</script> </script>
<template> <template>
<Link :href="link" class="w-full px-4 py-3" :class="`${themes().get('sidebar', 'bg-slate-700 text-gray-200')} ${active && 'bg-slate-800'} pl-${padding !== 0 && padding}`"> <Link
:href="link"
:class="`${themes().get('sidebar', 'bg-slate-700 text-gray-200')} ${active && 'bg-slate-800'} pl-${padding !== 0 && padding}`"
class="w-full px-4 py-3"
>
<div class="flex items-center space-x-2"> <div class="flex items-center space-x-2">
<Icon :name="menu.icon" /> <Icon :name="menu.icon" />
<p class="uppercase font-semibold">{{ menu.name }}</p> <p class="uppercase font-semibold">{{ __(menu.name) }}</p>
</div> </div>
</Link> </Link>
</template> </template>

8
resources/js/Components/DashboardLayout/Sidebar/Links.vue
View File

@@ -27,10 +27,14 @@ const open = ref(active ? true : false)
<template> <template>
<div class="w-full flex flex-col"> <div class="w-full flex flex-col">
<button @click.prevent="open = ! open" class="w-full p-4" :class="`${themes().get('sidebar', 'bg-slate-700 text-gray-200')} ${open && 'dark:bg-gray-800'} pl-${padding !== 0 && padding}`"> <button
@click.prevent="open = ! open"
:class="`${themes().get('sidebar', 'bg-slate-700 text-gray-200')} ${open && 'dark:bg-gray-800'} pl-${padding !== 0 && padding}`"
class="w-full p-4"
>
<div class="flex items-center space-x-2"> <div class="flex items-center space-x-2">
<Icon :name="menu.icon" /> <Icon :name="menu.icon" />
<p class="uppercase font-semibold w-full text-left">{{ menu.name }}</p> <p class="uppercase font-semibold w-full text-left">{{ __(menu.name) }}</p>
<Icon name="caret-left" class="transition-all ease-in-out duration-150" :class="open && '-rotate-90'" /> <Icon name="caret-left" class="transition-all ease-in-out duration-150" :class="open && '-rotate-90'" />
</div> </div>
</button> </button>