character

This commit is contained in:
2025-07-13 13:32:23 +07:00
parent 63219c8215
commit 0bba267091
7 changed files with 246 additions and 561 deletions
+25 -5
View File
@@ -83,13 +83,33 @@
<vue-collapsible :isOpen="activeDropdown === 'content'">
<ul class="sub-menu text-gray-500">
<li>
<NuxtLink to="/content/themes/list" @click="toggleMobileMenu">Tema</NuxtLink>
<NuxtLink to="/content/contents/list" @click="toggleMobileMenu">Materi</NuxtLink>
</li>
</ul>
</vue-collapsible>
</li>
<li class="menu nav-item">
<button
type="button"
class="nav-link group w-full"
:class="{ active: activeDropdown === 'character' }"
@click="activeDropdown === 'character' ? (activeDropdown = null) : (activeDropdown = 'character')"
>
<div class="flex items-center">
<icon-menu-chat class="shrink-0 group-hover:!text-primary" />
<span class="text-black ltr:pl-3 rtl:pr-3 dark:text-[#506690] dark:group-hover:text-white-dark">Karakter</span>
</div>
<div :class="{ '-rotate-90 rtl:rotate-90': activeDropdown !== 'character' }">
<icon-caret-down />
</div>
</button>
<vue-collapsible :isOpen="activeDropdown === 'character'">
<ul class="sub-menu text-gray-500">
<li>
<NuxtLink to="/content/topics/list" @click="toggleMobileMenu">Topik</NuxtLink>
</li>
<li>
<NuxtLink to="/content/contents/list" @click="toggleMobileMenu">Konten</NuxtLink>
<NuxtLink to="/character/characters/list" @click="toggleMobileMenu">Karakter</NuxtLink>
</li>
</ul>