improvement(sidebar): adjusted triggers/blocks padding for header

emir-karabeg · emir-karabeg · commit e2903912128f · 2025-10-19T17:34:03.000+02:00
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components-new/blocks/blocks.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components-new/blocks/blocks.tsx
@@ -152,7 +152,7 @@ export function Blocks({ disabled = false }: BlocksProps) {
         onMouseDown={handleMouseDown}
       />
       <div
-        className='flex-shrink-0 cursor-pointer px-[14px] pt-[3px] pb-[5px]'
+        className='flex-shrink-0 cursor-pointer px-[10px] pt-[3px] pb-[5px]'
         onClick={handleToggle}
       >
         <div className='font-medium text-[#AEAEAE] text-small dark:text-[#AEAEAE]'>Blocks</div>
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components-new/triggers/triggers.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components-new/triggers/triggers.tsx
@@ -96,7 +96,7 @@ export function Triggers({ disabled = false }: TriggersProps) {
         onMouseDown={handleMouseDown}
       />
       <div
-        className='flex-shrink-0 cursor-pointer px-[14px] pt-[3px] pb-[5px]'
+        className='flex-shrink-0 cursor-pointer px-[10px] pt-[3px] pb-[5px]'
         onClick={handleToggle}
       >
         <div className='font-medium text-[#AEAEAE] text-small dark:text-[#AEAEAE]'>Triggers</div>

Original file line number	Diff line number	Diff line change
`@@ -152,7 +152,7 @@ export function Blocks({ disabled = false }: BlocksProps) {`
`152`	`152`	`onMouseDown={handleMouseDown}`
`153`	`153`	`/>`
`154`	`154`	`<div`
`155`		`- className='flex-shrink-0 cursor-pointer px-[14px] pt-[3px] pb-[5px]'`
	`155`	`+ className='flex-shrink-0 cursor-pointer px-[10px] pt-[3px] pb-[5px]'`
`156`	`156`	`onClick={handleToggle}`
`157`	`157`	`>`
`158`	`158`	`<div className='font-medium text-[#AEAEAE] text-small dark:text-[#AEAEAE]'>Blocks</div>`
Original file line number	Diff line number	Diff line change
`@@ -96,7 +96,7 @@ export function Triggers({ disabled = false }: TriggersProps) {`
`96`	`96`	`onMouseDown={handleMouseDown}`
`97`	`97`	`/>`
`98`	`98`	`<div`
`99`		`- className='flex-shrink-0 cursor-pointer px-[14px] pt-[3px] pb-[5px]'`
	`99`	`+ className='flex-shrink-0 cursor-pointer px-[10px] pt-[3px] pb-[5px]'`
`100`	`100`	`onClick={handleToggle}`
`101`	`101`	`>`
`102`	`102`	`<div className='font-medium text-[#AEAEAE] text-small dark:text-[#AEAEAE]'>Triggers</div>`