@@ -24,25 +24,25 @@ def view_template(&)
2424
2525 def sidebar_attrs
2626 {
27- class : ' group peer hidden text-sidebar-foreground md:block' ,
27+ class : " group peer hidden text-sidebar-foreground md:block" ,
2828 data : {
29- state : @open ? ' expanded' : ' collapsed' ,
30- collapsible : @open ? '' : @collapsible ,
29+ state : @open ? " expanded" : " collapsed" ,
30+ collapsible : @open ? "" : @collapsible ,
3131 variant : @variant ,
3232 side : @side ,
3333 collapsible_kind : @collapsible ,
34- ruby_ui__sidebar_target : ' sidebar'
34+ ruby_ui__sidebar_target : " sidebar"
3535 }
3636 }
3737 end
3838
3939 def gap_element_attrs
4040 {
4141 class : [
42- ' relative w-[--sidebar-width] bg-transparent transition-[width]' ,
43- ' duration-200 ease-linear' ,
44- ' group-data-[collapsible=offcanvas]:w-0' ,
45- ' group-data-[side=right]:rotate-180' ,
42+ " relative w-[--sidebar-width] bg-transparent transition-[width]" ,
43+ " duration-200 ease-linear" ,
44+ " group-data-[collapsible=offcanvas]:w-0" ,
45+ " group-data-[side=right]:rotate-180" ,
4646 variant_classes
4747 ]
4848 }
@@ -51,8 +51,8 @@ def gap_element_attrs
5151 def content_wrapper_attrs
5252 {
5353 class : [
54- ' fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width]' ,
55- ' transition-[left,right,width] duration-200 ease-linear md:flex' ,
54+ " fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width]" ,
55+ " transition-[left,right,width] duration-200 ease-linear md:flex" ,
5656 content_wrapper_side_classes ,
5757 content_wrapper_variant_classes
5858 ]
@@ -62,37 +62,37 @@ def content_wrapper_attrs
6262 def content_attrs
6363 {
6464 class : [
65- ' flex h-full w-full flex-col bg-sidebar' ,
66- ' group-data-[variant=floating]:rounded-lg' ,
67- ' group-data-[variant=floating]:border' ,
68- ' group-data-[variant=floating]:border-sidebar-border' ,
69- ' group-data-[variant=floating]:shadow'
65+ " flex h-full w-full flex-col bg-sidebar" ,
66+ " group-data-[variant=floating]:rounded-lg" ,
67+ " group-data-[variant=floating]:border" ,
68+ " group-data-[variant=floating]:border-sidebar-border" ,
69+ " group-data-[variant=floating]:shadow"
7070 ] ,
7171 data : {
72- sidebar : ' sidebar'
72+ sidebar : " sidebar"
7373 }
7474 }
7575 end
7676
7777 def variant_classes
7878 if %i[ floating inset ] . include? ( @variant )
79- ' group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]'
79+ " group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]"
8080 else
81- ' group-data-[collapsible=icon]:w-[--sidebar-width-icon]'
81+ " group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
8282 end
8383 end
8484
8585 def content_wrapper_side_classes
86- return ' left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]' if @side == :left
86+ return " left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" if @side == :left
8787
88- ' right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]'
88+ " right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]"
8989 end
9090
9191 def content_wrapper_variant_classes
9292 if %i[ floating inset ] . include? ( @variant )
93- ' p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]'
93+ " p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]"
9494 else
95- ' group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l'
95+ " group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l"
9696 end
9797 end
9898 end
0 commit comments