adminforth 3.31.10 → 3.31.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -5,12 +5,13 @@
|
|
|
5
5
|
? { href: item.url }
|
|
6
6
|
: { to: item.url || { name: item.resourceId ? 'resource-list' : item.path, params: item.resourceId ? { resourceId: item.resourceId }: {} } }"
|
|
7
7
|
:target="item.isOpenInNewTab ? '_blank' : '_self'"
|
|
8
|
-
class="af-menu-link flex group relative items-center
|
|
8
|
+
class="af-menu-link flex group relative items-center py-2 text-lightSidebarText dark:text-darkSidebarText rounded-default transition-all duration-200 ease-in-out"
|
|
9
9
|
:class="{
|
|
10
10
|
'hover:bg-lightSidebarItemHover hover:text-lightSidebarTextHover dark:hover:bg-darkSidebarItemHover dark:hover:text-darkSidebarTextHover active:bg-lightSidebarActive dark:active:bg-darkSidebarHover': !['divider', 'gap', 'heading'].includes(item.type),
|
|
11
11
|
'pl-6 pr-3.5': (isChild && !isSidebarIconOnly && !isSidebarHovering) || (isChild && isSidebarIconOnly && isSidebarHovering),
|
|
12
|
-
'
|
|
13
|
-
'
|
|
12
|
+
'w-full': !isSidebarIconOnly || isSidebarHovering,
|
|
13
|
+
'px-3.5': !isChild && (!isSidebarIconOnly || isSidebarHovering),
|
|
14
|
+
'w-10 h-10 ml-1 px-2.5': isSidebarIconOnly && !isSidebarHovering,
|
|
14
15
|
'bg-lightSidebarItemActive dark:bg-darkSidebarItemActive': isItemActive(item)
|
|
15
16
|
}"
|
|
16
17
|
>
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
<div
|
|
56
56
|
v-if="coreStore?.config?.defaultUserExists && !isLocalhost"
|
|
57
57
|
class="mb-4 text-white rounded-lg bg-red-700/80 fill-white text-sm"
|
|
58
|
-
:class="iconOnlySidebarEnabled && isSidebarIconOnly && !isSidebarHovering ? 'flex h-10 items-center justify-center' : 'p-4'"
|
|
58
|
+
:class="iconOnlySidebarEnabled && isSidebarIconOnly && !isSidebarHovering ? 'flex w-10 h-10 ml-1 items-center justify-center' : 'p-4'"
|
|
59
59
|
>
|
|
60
60
|
<IconExclamationCircleOutline class="inline-block align-text-bottom w-5 h-5 shrink-0" />
|
|
61
61
|
<template v-if="!iconOnlySidebarEnabled || !isSidebarIconOnly || isSidebarHovering">
|
|
@@ -116,8 +116,11 @@
|
|
|
116
116
|
">{{ item.label }}</div>
|
|
117
117
|
<div v-else-if="item.type === 'heading' && !isSidebarHovering" class="opacity-0 w-1 h-8">{{ item.label }}</div>
|
|
118
118
|
<li v-else-if="item.children" class="af-sidebar-expand-container">
|
|
119
|
-
<button @click="clickOnMenuItem(i)" type="button" class="af-sidebar-expand-button relative flex items-center h-10
|
|
120
|
-
:class="
|
|
119
|
+
<button @click="clickOnMenuItem(i)" type="button" class="af-sidebar-expand-button relative flex items-center h-10 py-2 text-base text-lightSidebarText rounded-default group hover:bg-lightSidebarItemHover hover:text-lightSidebarTextHover dark:text-darkSidebarText dark:hover:bg-darkSidebarHover dark:hover:text-darkSidebarTextHover"
|
|
120
|
+
:class="[
|
|
121
|
+
opened.includes(i) ? 'af-sidebar-dropdown-expanded' : 'af-sidebar-dropdown-collapsed',
|
|
122
|
+
isSidebarIconOnly && !isSidebarHovering ? 'w-10 ml-1 px-2.5' : 'w-full px-3.5'
|
|
123
|
+
]"
|
|
121
124
|
:aria-controls="`dropdown-example${i}`"
|
|
122
125
|
>
|
|
123
126
|
<component v-if="item.icon" :is="getIcon(item.icon)" class="min-w-5 min-h-5 text-lightSidebarIcons group-hover:text-lightSidebarIconsHover transition duration-75 dark:group-hover:text-darkSidebarIconsHover dark:text-darkSidebarIcons" ></component>
|