From b9d398aff975269488bb740b37b94756089510d5 Mon Sep 17 00:00:00 2001
From: JzoNg <jzongcode@gmail.com>
Date: Tue, 23 Jun 2026 11:52:20 +0800
Subject: [PATCH] feat(web): refine snippet collapsed nav spacing

---
 web/app/components/main-nav/index.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/app/components/main-nav/index.tsx b/web/app/components/main-nav/index.tsx
index eed12052b87..fdace1f838f 100644
--- a/web/app/components/main-nav/index.tsx
+++ b/web/app/components/main-nav/index.tsx
@@ -59,11 +59,11 @@ function SnippetCollapsedPreview({
 }) {
   return (
     <div
-      className="flex min-h-0 grow flex-col items-center px-2 pt-12"
+      className="flex min-h-0 grow flex-col items-center px-2 pt-4"
       aria-label="Snippet collapsed preview"
     >
       <div
-        className="flex size-11 items-center justify-center rounded-[16px] border border-divider-subtle bg-background-default-subtle text-text-tertiary shadow-xs"
+        className="flex size-10 items-center justify-center rounded-[16px] border border-divider-subtle bg-background-default-subtle text-text-tertiary shadow-xs"
         aria-hidden="true"
       >
         <span className="relative block size-6">
@@ -73,12 +73,12 @@ function SnippetCollapsedPreview({
           <span className="absolute bottom-0 left-0 size-3 rounded-md bg-util-colors-indigo-indigo-400 shadow-xs" />
         </span>
       </div>
-      <div className="my-12 h-0.5 w-8 rounded-full bg-divider-subtle" aria-hidden="true" />
+      <div className="my-2 h-0.5 w-8 rounded-full bg-divider-subtle" aria-hidden="true" />
       <div
-        className="relative flex size-11 items-center justify-center rounded-[16px] border border-divider-subtle bg-background-default-subtle text-text-accent shadow-xs"
+        className="relative flex size-8 items-center justify-center rounded-[16px] border border-divider-subtle bg-background-default-subtle text-text-accent shadow-xs"
         aria-label={`${inputFieldCount} input fields`}
       >
-        <span aria-hidden="true" className="i-custom-vender-solid-development-variable-02 size-6" />
+        <span aria-hidden="true" className="i-custom-vender-solid-development-variable-02 size-5" />
         <span className="absolute -right-1.5 -bottom-1.5 flex size-5.5 items-center justify-center rounded-full border-2 border-components-panel-bg bg-state-accent-solid text-xs leading-none font-semibold text-text-primary-on-surface shadow-xs">
           {inputFieldCount}
         </span>