How do I move custom NavigationItems to right side of Topbar?
This seems like it should be simple, but I'm struggling to find a way...
I have 2 panels - guest and app that both use topbar navigation. The guest panel does not require authentication and I've added Login and Register NavigationItems that route to the app panel authentication. I just want to move them over to the right side of the topbar. I played around with renderHook for TOPBAR_END and can put links there, but I want the NavigationItems moved rather duplicating with a blade view.
Thanks
I have 2 panels - guest and app that both use topbar navigation. The guest panel does not require authentication and I've added Login and Register NavigationItems that route to the app panel authentication. I just want to move them over to the right side of the topbar. I played around with renderHook for TOPBAR_END and can put links there, but I want the NavigationItems moved rather duplicating with a blade view.
Thanks
Solution
/* move login button to the right side /
.fi-topbar-item:nth-of-type(3) {
@apply absolute right-36;
}
/ move register button to the right side */
.fi-topbar-item:nth-of-type(4) {
@apply absolute right-4;
}
.fi-topbar-item:nth-of-type(3) {
@apply absolute right-36;
}
/ move register button to the right side */
.fi-topbar-item:nth-of-type(4) {
@apply absolute right-4;
}
