FilamentF
Filament11mo ago
Prosp30

Hide a line in navigation group

Hi, I am looking through the docs, but can't seem to find on how to disable a line that appears when you don't use icons for each resource. The line I'm talking about is this one

How to hide it?
image.png
Solution
The line element is the first child of a parent element with fi-sidebar-item-grouped-border so you should be able to safely target it with something like

.fi-sidebar-item-grouped-border > div:first-child {
    @apply hidden;
}


Adding this css to your theme.css file would apply the tailwindcss hidden class to the first child div of an element with fi-sidebar-item-grouped-border
Was this page helpful?