Find the cost of adding an npm package to your app's bundle size teardown.kelinci.dev
14
fork

Configure Feed

Select the types of activity you want to include in your feed.

fix: adjust section spacing

Mary 5360d539 b7da60d4

+14 -9
+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