adminforth 2.4.0-next.310 → 2.4.0-next.312
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.
package/dist/spa/src/App.vue
CHANGED
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
</div>
|
|
53
53
|
|
|
54
54
|
<ul class="py-1" role="none">
|
|
55
|
-
<li v-for="c in
|
|
55
|
+
<li v-for="c in userMenuComponents" class="bg-lightUserMenuItemBackground hover:bg-lightUserMenuItemBackgroundHover text-lightUserMenuItemText hover:text-lightUserMenuItemText dark:bg-darkUserMenuItemBackground dark:hover:bg-darkUserMenuItemBackgroundHover dark:text-darkUserMenuItemText dark:hover:darkUserMenuItemTextHover" >
|
|
56
56
|
<component
|
|
57
57
|
:is="getCustomComponent(c)"
|
|
58
58
|
:meta="c.meta"
|
|
@@ -202,6 +202,10 @@ const loggedIn = computed(() => !!coreStore?.adminUser);
|
|
|
202
202
|
|
|
203
203
|
const theme = ref('light');
|
|
204
204
|
|
|
205
|
+
const userMenuComponents = computed(() => {
|
|
206
|
+
return coreStore?.config?.globalInjections?.userMenu || [];
|
|
207
|
+
})
|
|
208
|
+
|
|
205
209
|
function hideSidebar(): void {
|
|
206
210
|
sideBarOpen.value = false;
|
|
207
211
|
}
|
|
@@ -13,8 +13,8 @@
|
|
|
13
13
|
}"
|
|
14
14
|
aria-label="Sidebar"
|
|
15
15
|
>
|
|
16
|
-
<div class="h-full px-3 pb-20 md:pb-4 bg-lightSidebar dark:bg-darkSidebar border-r border-lightSidebarBorder dark:border-darkSidebarBorder" :class="{'sidebar-scroll':!isSidebarIconOnly || (isSidebarIconOnly && isSidebarHovering)}">
|
|
17
|
-
<div class="af-logo-title-wrapper flex relative transition-all duration-300 ease-in-out h-8 items-center" :class="{'
|
|
16
|
+
<div class="h-full px-3 pb-20 md:pb-4 bg-lightSidebar dark:bg-darkSidebar border-r border-lightSidebarBorder dark:border-darkSidebarBorder pt-4" :class="{'sidebar-scroll':!isSidebarIconOnly || (isSidebarIconOnly && isSidebarHovering)}">
|
|
17
|
+
<div class="af-logo-title-wrapper flex relative transition-all duration-300 ease-in-out h-8 items-center" :class="{'mb-4': isSidebarIconOnly && !isSidebarHovering, 'mx-4 mb-4': !isSidebarIconOnly || (isSidebarIconOnly && isSidebarHovering)}">
|
|
18
18
|
<img :src="loadFile(coreStore.config?.brandLogo || '@/assets/logo.svg')" :alt="`${ coreStore.config?.brandName } Logo`" class="af-logo h-8 me-3" :class="{ 'hidden': !(coreStore.config?.showBrandLogoInSidebar !== false && (!iconOnlySidebarEnabled || !isSidebarIconOnly || (isSidebarIconOnly && isSidebarHovering))) }" />
|
|
19
19
|
<img :src="loadFile(coreStore.config?.iconOnlySidebar?.logo || '')" :alt="`${ coreStore.config?.brandName } Logo`" class="af-sidebar-icon-only-logo h-8 me-3" :class="{ 'hidden': !(coreStore.config?.showBrandLogoInSidebar !== false && coreStore.config?.iconOnlySidebar?.logo && iconOnlySidebarEnabled && isSidebarIconOnly && !isSidebarHovering) }" />
|
|
20
20
|
<span
|
|
@@ -196,11 +196,11 @@
|
|
|
196
196
|
|
|
197
197
|
.sidebar-collapsed {
|
|
198
198
|
width: 4.5rem; /* Collapsed width (w-18) */
|
|
199
|
-
box-shadow: 12px 0px 18px -8px rgba(0, 0, 0, 0.15);
|
|
200
199
|
}
|
|
201
200
|
|
|
202
201
|
.sidebar-expanded {
|
|
203
202
|
width: 16.5rem; /* Expanded width (w-64) */
|
|
203
|
+
box-shadow: 12px 0px 18px -8px rgba(0, 0, 0, 0.15);
|
|
204
204
|
}
|
|
205
205
|
|
|
206
206
|
:deep(.dark) .sidebar-collapsed {
|