github-featured/triggerdotdev--trigger.dev
2
0
Fork 0
Code Issues Pull Requests Deployments Models Agent Notes Packages Projects Releases Wiki Activity

fix(webapp): matching resting gap below the customize modal list

Browse Source
This commit is contained in:
James Ritchie
2026-07-25 21:15:20 +01:00
parent e5e0387e79
commit 655321d99e
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/webapp/app/components/navigation/CustomizeSidebarDialog.tsx
+3 -3
View File
@@ -236,9 +236,9 @@ export function CustomizeSidebarDialog({
<DialogHeader>Customize sidebar</DialogHeader>
{/* Bleeds through the container's right padding (-mr-4/pr-4) so the scrollbar sits at the
modal edge, and through the vertical grid gaps (-mt-1.25/-mb-4) so the scrollport (and
scrollbar) starts at the header divider and ends at the footer border. pt-3 is INSIDE
the scrollport: a resting gap above the first title that content scrolls through. */}
<div className="-mb-4 -mr-4 -mt-1.25 max-h-[60vh] space-y-6 overflow-y-auto pr-4 pt-3 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-surface-control">
scrollbar) starts at the header divider and ends at the footer border. pt-3/pb-3 are
INSIDE the scrollport: resting gaps around the list that content scrolls through. */}
<div className="-mb-4 -mr-4 -mt-1.25 max-h-[60vh] space-y-6 overflow-y-auto pb-3 pr-4 pt-3 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-surface-control">
{orderedSections.map((section, index) => (
<div key={section.id}>
<div className="flex items-center justify-between border-b border-grid-dimmed pb-1.5">