Find the cost of adding an npm package to your app's bundle size
teardown.kelinci.dev
fix: adjust section spacing
+14
-9
+14
-9
src/components/package-result.tsx
+14
-9
src/components/package-result.tsx
···
21
21
const hasSubpaths = result.subpaths.defaultSubpath !== null;
22
22
23
23
return (
24
-
<div class="flex flex-col gap-8">
24
+
<div class="flex flex-col gap-4">
25
25
{/* package header */}
26
26
<div class="flex flex-wrap gap-3">
27
27
<h2 class="min-w-0 text-base-600 font-bold wrap-break-word text-neutral-foreground-1">
···
32
32
</div>
33
33
34
34
{hasPeerDeps && (
35
-
<Toggle
36
-
checked={excludePeers()}
37
-
onChange={(ev) => setExcludePeers(ev.currentTarget.checked)}
38
-
class="-mx-2"
39
-
>
40
-
Exclude peer dependencies
41
-
</Toggle>
35
+
<>
36
+
<Toggle
37
+
checked={excludePeers()}
38
+
onChange={(ev) => setExcludePeers(ev.currentTarget.checked)}
39
+
class="-mx-2"
40
+
>
41
+
Exclude peer dependencies
42
+
</Toggle>
43
+
44
+
<hr class="mb-4 border-neutral-stroke-3" />
45
+
</>
42
46
)}
43
47
44
48
{hasSubpaths && (
···
50
54
excludePeers={excludePeers()}
51
55
peerDependencies={/* @once */ result.peerDependencies}
52
56
/>
53
-
<hr class="border-neutral-stroke-3" />
57
+
58
+
<hr class="my-4 border-neutral-stroke-3" />
54
59
</>
55
60
)}
56
61