Skip to content
This repository was archived by the owner on Aug 6, 2026. It is now read-only.

Commit 1f174f1

Browse files
charlesviencharlesvien
authored
fix(loops): Tighten space above the loop list tabs (#3830)
1 parent c531d06 commit 1f174f1

2 files changed

Lines changed: 70 additions & 68 deletions

File tree

‎apps/code/snapshots.yml‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -561,17 +561,17 @@ snapshots:
561561
git-dialogs--sync-success--light:
562562
hash: v1.k4693efd2.8d79d77c9338aeaa73734836f0e17fde987f6d3239914f4013889d3110e5088d.Rq-w2o1uhes_a5hUWqMXeiDkfnoPCZPt932LkEQXCco
563563
loops-loopslistview--comprehensive--dark:
564-
hash: v1.k4693efd2.b9223e477701b5ef4587310a1de71500dd5214222531648ef76d66766b049a9f.2lckIm16WmmwZv1xVZnUL42InIHDzemQwU3EJzzw9_U
564+
hash: v1.k4693efd2.c128012b7f910839e65e8eaf14d5456c93f90d77747d0625ca35fddd8d5adf7a.fuugB5Ov6boP7fg6fWP7A7IG2yYnPUAAWLKZLuV8rZ0
565565
loops-loopslistview--comprehensive--light:
566-
hash: v1.k4693efd2.1f172c831aefdfd4b3bae97af84f80aae3c09c4919f6b1b68315240cc482af50.hnrwbv8il_Ay6DcYxmQXNtxKU3rqOIWAkjnGB8n4AT4
566+
hash: v1.k4693efd2.4d25a48e0bd7e60d3bbb433e246486e4c9ac95979db86e20eb8bf5cb119d1eb2.EzrENjVHwVMyV00pEA-71TeVomJtchiym5DqWFkujlA
567567
loops-loopslistview--long-mixed-list--dark:
568-
hash: v1.k4693efd2.654250bc74fff46c496747eb13031e0e7a7ef264be5bb7be41451d82a497a515.vvrxXbbABkVY3hcHS3oThQ339JFgwIzB8E4n1usVWf0
568+
hash: v1.k4693efd2.fdbf0c24cb386c4345279db3e648efe72aa8a2a984d491361522f62074a771c9.2QmRxRMWYFFfBFrbMm0Dm9rWcvd1lfRbc0egfzoESnY
569569
loops-loopslistview--long-mixed-list--light:
570-
hash: v1.k4693efd2.8dee426bab2a63843aefe9cf0765799ae9e3c5ece4adc522dc63faf3b362716b.K90qmg7hD8qD522iR-Y5lbr6ETEzRuYgQdYl0Z520do
570+
hash: v1.k4693efd2.aa17d9b6f40fbd3914bd742951db9f90add0bd233c54170803c8483aeb45b43b.yXpqqGczOq1uW5k4Ie7ddNTnne-cFTglZ9cL800pXB4
571571
loops-loopslistview--with-builder-sessions--dark:
572-
hash: v1.k4693efd2.84cfc28bedc22a6728ba4ecf69274ab03537faeed5333775991716bf0b5f439e.fHsD0XKPnud-oDM4PLJ7edCbMnVcW6uVMdMHBYp3K08
572+
hash: v1.k4693efd2.df4a1a4764e1de7b69905814b09c30d9b43f705f5e66c7ad83829c567d4faa1a.jthufoX_KPbbxScjj3pPBA4lEtT9Ym6zUCH-v1759GM
573573
loops-loopslistview--with-builder-sessions--light:
574-
hash: v1.k4693efd2.fb6c9b85bd660a6be4645cf7ba8fe3ab08a169e3823e5354325b7d7ecbe13aba.4FbKrdxiUN1PZOGwFa_kl7Rpz3Z8DnTVNJvUM_3FIp0
574+
hash: v1.k4693efd2.eb65c38bb0de7efedbc0d7a6c27a6695528e2e6b60949617e7d22335b1e68c8b.fJr9uykvc8S7LI_ASXk5KRqxXCwIqh6ld9zfzs4shP0
575575
scouts-scoutsfleetlist--filtered-to-you--dark:
576576
hash: v1.k4693efd2.a3af6e76ef36598eaa347bedc4430878ed62754660166398e0576a9978cd084b.x3Ky-O6HOw0srWdOmnnKJwFNpmGmQVWip0t7CwVaRXY
577577
scouts-scoutsfleetlist--filtered-to-you--light:

‎packages/ui/src/features/loops/components/LoopsListView.tsx‎

Lines changed: 64 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -192,71 +192,73 @@ export function LoopsListViewPresentation({
192192
gap="6"
193193
className="@container mx-auto w-full max-w-5xl px-8 py-8"
194194
>
195-
<div className="flex @min-[640px]:flex-row flex-col items-start @min-[640px]:items-center justify-between gap-3">
196-
<Flex direction="column" gap="1" className="min-w-0">
197-
<Flex align="center" gap="2" wrap="wrap">
198-
<Heading className="font-bold text-2xl">Loops</Heading>
199-
<Flex
200-
align="center"
201-
className="gap-1.5 rounded-full bg-(--accent-a3) px-2.5 py-1"
202-
>
203-
<CloudIcon
204-
size={12}
205-
weight="fill"
206-
className="text-(--accent-11)"
207-
/>
208-
<Text className="whitespace-nowrap font-medium text-(--accent-11) text-[11px]">
209-
Runs entirely in the cloud
210-
</Text>
195+
<Flex direction="column" gap="4">
196+
<div className="flex @min-[640px]:flex-row flex-col items-start @min-[640px]:items-center justify-between gap-3">
197+
<Flex direction="column" gap="1" className="min-w-0">
198+
<Flex align="center" gap="2" wrap="wrap">
199+
<Heading className="font-bold text-2xl">Loops</Heading>
200+
<Flex
201+
align="center"
202+
className="gap-1.5 rounded-full bg-(--accent-a3) px-2.5 py-1"
203+
>
204+
<CloudIcon
205+
size={12}
206+
weight="fill"
207+
className="text-(--accent-11)"
208+
/>
209+
<Text className="whitespace-nowrap font-medium text-(--accent-11) text-[11px]">
210+
Runs entirely in the cloud
211+
</Text>
212+
</Flex>
211213
</Flex>
214+
<Text color="gray" className="max-w-2xl text-sm">
215+
Put your work on autopilot. Loops run on a schedule, on an API
216+
call, or when something happens on GitHub. You can finally
217+
close the laptop!
218+
</Text>
212219
</Flex>
213-
<Text color="gray" className="max-w-2xl text-sm">
214-
Put your work on autopilot. Loops run on a schedule, on an API
215-
call, or when something happens on GitHub. You can finally close
216-
the laptop!
217-
</Text>
218-
</Flex>
219-
<Button
220-
variant="soft"
221-
color="gray"
222-
size="2"
223-
onClick={onStartBlank}
224-
disabled={limitReason != null}
225-
disabledReason={limitReason}
226-
>
227-
<PlusIcon size={14} />
228-
Create manually
229-
</Button>
230-
</div>
220+
<Button
221+
variant="soft"
222+
color="gray"
223+
size="2"
224+
onClick={onStartBlank}
225+
disabled={limitReason != null}
226+
disabledReason={limitReason}
227+
>
228+
<PlusIcon size={14} />
229+
Create manually
230+
</Button>
231+
</div>
231232

232-
{isLoading ? (
233-
<LoopsSkeleton />
234-
) : error ? (
235-
<LoopsEmptyNotice
236-
title="Couldn't load loops."
237-
hint={
238-
error instanceof Error
239-
? error.message
240-
: "The loops API returned an error."
241-
}
242-
/>
243-
) : loops.length > 0 ? (
244-
<LoopListTabs
245-
personalLoops={personalLoops}
246-
teamLoops={teamLoops}
247-
members={members}
248-
membersLoading={membersLoading}
249-
membersError={membersError}
250-
membersComplete={membersComplete}
251-
onCreate={onStartBlank}
252-
disabledReason={limitReason}
253-
/>
254-
) : (
255-
<LoopsEmptyState
256-
onCreate={onStartBlank}
257-
disabledReason={limitReason}
258-
/>
259-
)}
233+
{isLoading ? (
234+
<LoopsSkeleton />
235+
) : error ? (
236+
<LoopsEmptyNotice
237+
title="Couldn't load loops."
238+
hint={
239+
error instanceof Error
240+
? error.message
241+
: "The loops API returned an error."
242+
}
243+
/>
244+
) : loops.length > 0 ? (
245+
<LoopListTabs
246+
personalLoops={personalLoops}
247+
teamLoops={teamLoops}
248+
members={members}
249+
membersLoading={membersLoading}
250+
membersError={membersError}
251+
membersComplete={membersComplete}
252+
onCreate={onStartBlank}
253+
disabledReason={limitReason}
254+
/>
255+
) : (
256+
<LoopsEmptyState
257+
onCreate={onStartBlank}
258+
disabledReason={limitReason}
259+
/>
260+
)}
261+
</Flex>
260262

261263
<LoopTemplatesSection onSelect={onStartFromTemplate} />
262264
</Flex>

0 commit comments

Comments
 (0)