Guariero
Navigation background color
you will need to use the filament custom theme command
Read the section Creating a custom theme
https://filamentphp.com/docs/3.x/panels/themes
Then you can do it like this
.fi-topbar :is(nav) {
background-color: #005CA8 !important;
}
.fi-sidebar .fi-sidebar-header {
background-color: #005CA8 !important;
}
.fi-sidebar .fi-dropdown-header-label {
background-color: white !important;
}
.fi-topbar-item-label, .fi-topbar-item-icon {
color: white;
}
.fi-topbar-item-active .fi-topbar-item-label, .fi-topbar-item-active .fi-topbar-item-icon {
color: #005CA8;
}
.fi-topbar-item-button:hover .fi-topbar-item-label, .fi-topbar-item-button:hover .fi-topbar-item-icon {
color: #005CA8 !important;
}
.fi-simple-layout {
background-color: #005CA8 !important;
}
.fi-sidebar {
background-color: #eaeaeb !important;
}
.fi-logo {
color: white;
}
5 replies
Limiting Calendar Display to Business Hours: Is It Possible?
Thank you very much for your help, I had to approach it in another way, as it still didn't provide the timetable I wanted. I did it as follows
public function config(): array
{
return [
'firstDay' => 0,
'editable' => false,
'slotMinTime' => '07:00:00',
'slotMaxTime' => '19:00:00',
'headerToolbar' => [
'right' => 'title',
'center' => null,
'left' => 'prev,next today',
],
'height' => 'auto',
];
}
}
4 replies