fixing the margin of the layout when the sidebar is collapsed (#143)

misterneo · web-flow · commit 4c7d0e3bb957 · 2025-06-05T14:45:28.000-05:00
diff --git a/resources/js/components/ui/sidebar/SidebarInset.vue b/resources/js/components/ui/sidebar/SidebarInset.vue
@@ -12,7 +12,7 @@ const props = defineProps<{
     data-slot="sidebar-inset"
     :class="cn(
       'bg-background relative flex w-full flex-1 flex-col',
-      'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2',
+      'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-0',
       props.class,
     )"
   >

Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ const props = defineProps<{`
`12`	`12`	`data-slot="sidebar-inset"`
`13`	`13`	`:class="cn(`
`14`	`14`	`'bg-background relative flex w-full flex-1 flex-col',`
`15`		`- 'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2',`
	`15`	`+ 'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-0',`
`16`	`16`	`props.class,`
`17`	`17`	`)"`
`18`	`18`	`>`