mirror of
https://github.com/filamentphp/filament.git
synced 2026-10-16 07:17:49 +08:00
Nolan NordlundandDan Harrin
e8f47efa46
* Added user menu to sidebar * Toggle sidebar * Improved user menu collapsed styling * Improved collapse behavior * Restored missing alias * Add global search if no topbar * Improved collapse, added search to sidebar * Styling * Collapse * Adding notification trigger to sidebar * Use h-dvh * cs & build * start cleaning up * remove new lang string * move tenant menu and global search outside of fi-sidebar-nav * notifications refactor * clean up user menu * clean up new collapse sidebar button * clean up * Update topbar.blade.php * Update sidebar.blade.php * docs * final fixes * fix alignment and button visibility issues * Update theme.css * fix collapse button alignment --------- Co-authored-by: Dan Harrin <git@danharrin.com>
46 lines
1.1 KiB
CSS
46 lines
1.1 KiB
CSS
.fi-simple-user-menu-ctn {
|
|
@apply flex items-center gap-x-4;
|
|
}
|
|
|
|
.fi-topbar .fi-user-menu-trigger {
|
|
@apply shrink-0;
|
|
}
|
|
|
|
.fi-sidebar .fi-user-menu-trigger {
|
|
@apply flex w-full items-center justify-center gap-x-3 rounded-lg p-2 text-sm font-medium outline-hidden transition duration-75;
|
|
|
|
& .fi-user-avatar {
|
|
@apply shrink-0;
|
|
}
|
|
|
|
& .fi-icon {
|
|
@apply ms-auto size-5 shrink-0 text-gray-400 transition duration-75 group-hover:text-gray-500 group-focus-visible:text-gray-500 dark:text-gray-500 dark:group-hover:text-gray-400 dark:group-focus-visible:text-gray-400;
|
|
}
|
|
|
|
&:hover {
|
|
& .fi-icon {
|
|
@apply text-gray-500 dark:text-gray-400;
|
|
}
|
|
}
|
|
|
|
&:focus-visible {
|
|
& .fi-icon {
|
|
@apply text-gray-500 dark:text-gray-400;
|
|
}
|
|
}
|
|
|
|
.fi-tenant-menu-trigger-text {
|
|
@apply grid justify-items-start text-start text-gray-950 dark:text-white;
|
|
}
|
|
}
|
|
|
|
.fi-sidebar {
|
|
& .fi-user-menu {
|
|
@apply mx-4 my-3;
|
|
|
|
& .fi-dropdown-panel {
|
|
max-width: max(14rem, calc(100% - 1.5rem)) !important;
|
|
}
|
|
}
|
|
}
|