File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -106,6 +106,17 @@ def sidebar_link(*children, **props):
106106 )
107107
108108
109+ def sidebar_leaf_guide (is_active : bool ) -> rx .Component :
110+ """Render the active sidebar leaf guide segment."""
111+ return (
112+ rx .el .div (
113+ class_name = "absolute left-0 -top-1 -bottom-1 w-px bg-primary-10 pointer-events-none" ,
114+ )
115+ if is_active
116+ else rx .fragment ()
117+ )
118+
119+
109120def sidebar_leaf (
110121 item_index : str ,
111122 item : SideBarItem ,
@@ -151,6 +162,7 @@ def sidebar_leaf(
151162 sidebar_link (
152163 * active_background ,
153164 rx .flex (
165+ sidebar_leaf_guide (is_active ),
154166 rx .text (
155167 item .names ,
156168 class_name = (
@@ -160,9 +172,9 @@ def sidebar_leaf(
160172 ),
161173 ),
162174 class_name = (
163- f"border-l-[1.5px] border-primary-10 relative { guide_margin_class } max-w-[14rem] h-8 flex items-center"
175+ f"relative { guide_margin_class } max-w-[14rem] h-8 flex items-center"
164176 if is_active
165- else "border-l-[1.5px] border-m-slate-4 dark:border-m-slate-9 hover:border-m-slate-8 dark:hover:border-m-slate-5 pl-4 h-8 flex items-center"
177+ else "relative pl-4 h-8 flex items-center"
166178 ),
167179 ),
168180 href = item .link ,
@@ -216,7 +228,7 @@ def sidebar_item_comp(
216228 ),
217229 rx .el .ul (
218230 rx .el .li (
219- class_name = f"m-0 p-0 absolute { child_guide_left_class } size-full !shadow-[1.5px_0_0_0_var(- -m-slate-4)_inset] dark:!shadow-[1.5px_0_0_0_var(-- m-slate-9)_inset] z-[-1] pointer-events-none !rounded-none list-none" ,
231+ class_name = f"m-0 p-0 absolute { child_guide_left_class } top-0 bottom-0 w-px bg -m-slate-4 dark:bg- m-slate-9 z-[-1] pointer-events-none !rounded-none list-none" ,
220232 ),
221233 * [
222234 sidebar_item_comp (
You can’t perform that action at this time.
0 commit comments