mirrors/coolify
0
0 Fork 0
mirror of https://github.com/coollabsio/coolify.git synced 2026-10-28 09:34:36 +08:00
Code Activity

fix(navigation): style mobile sidebar and sync breadcrumb title

Browse Source
This commit is contained in:
Andras Bacsai committed 2026-10-22 10:08:20 +02:00
1 parent 388a974041
commit e2e09b825a
2 files changed
+8 -8
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

resources/css/app.css
+7 -7
View File
@@ -5703,7 +5703,7 @@ html:where(:not([data-nav-items="flat"])) :is(.menu-item, .menu-subitem):not(.si
box-shadow: none;
}
html.dark:where(:not([data-nav-items="flat"])) .app-sidebar :is(.menu-item, .menu-subitem):not(.sidebar-toggle):not(.menu-search):not(.nav-admin):not(.menu-item-active):not(.menu-subitem-active) .menu-item-icon {
html.dark:where(:not([data-nav-items="flat"])) :is(.app-sidebar, .mobile-sidebar-sheet) :is(.menu-item, .menu-subitem):not(.sidebar-toggle):not(.menu-search):not(.nav-admin):not(.menu-item-active):not(.menu-subitem-active) .menu-item-icon {
border-color: rgb(163 145 255 / 0.13);
background: rgb(107 22 237 / 0.07);
color: #b9adff;
@@ -5723,7 +5723,7 @@ html.dark:where(:not([data-nav-items="flat"])) :is(.menu-item, .menu-subitem):no
}
/* Admin stays a neutral tile unless it is the current page. */
html.dark .app-sidebar .nav-admin:not(.menu-item-active) .menu-item-icon {
html.dark :is(.app-sidebar, .mobile-sidebar-sheet) .nav-admin:not(.menu-item-active) .menu-item-icon {
color: oklch(72% 0 0);
background: rgb(255 255 255 / 0.03);
border-color: rgb(255 255 255 / 0.07);
@@ -6033,24 +6033,24 @@ html.dark .app-topbar-brand {
border-right-color: rgb(163 145 255 / 0.10);
}
html.dark .app-sidebar .sidebar-footer {
html.dark :is(.app-sidebar, .mobile-sidebar-sheet) .sidebar-footer {
background-color: transparent;
}
html.dark .app-sidebar .menu-search {
html.dark :is(.app-sidebar, .mobile-sidebar-sheet) .menu-search {
background-color: rgb(163 145 255 / 0.06) !important;
box-shadow: inset 0 0 0 1px rgb(163 145 255 / 0.10) !important;
}
html.dark .app-sidebar .menu-search:hover {
html.dark :is(.app-sidebar, .mobile-sidebar-sheet) .menu-search:hover {
background-color: rgb(163 145 255 / 0.10) !important;
}
html.dark .app-sidebar .menu-search kbd {
html.dark :is(.app-sidebar, .mobile-sidebar-sheet) .menu-search kbd {
border-color: rgb(163 145 255 / 0.18) !important;
}
html.dark .app-sidebar nav:not(.sidebar-collapsed) .nav-section {
html.dark :is(.app-sidebar, .mobile-sidebar-sheet) nav:not(.sidebar-collapsed) .nav-section {
font-family: var(--font-mono);
font-size: 10.5px;
font-weight: 500;
resources/views/components/top-breadcrumb.blade.php
+1 -1
View File
@@ -129,7 +129,7 @@
this.titleRepeats = expected !== '' && title === expected;
},
}"
x-init="syncTitle()" @livewire:navigated.window="$nextTick(() => syncTitle())">
x-init="syncTitle()" x-on:livewire:navigated.window="$nextTick(() => syncTitle())">
{{-- Team --}}
<div class="shrink-0" x-data="{ collapsed: false }">
<livewire:switch-team />