From c577f38bee6ad1f09fe8696d6b48b5d276bcba75 Mon Sep 17 00:00:00 2001
From: cruldra <cruldra@gmail.com>
Date: Mon, 28 Sep 2026 00:44:53 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(vscode):=20=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E9=98=85=E8=AF=BB=E5=B1=9E=E6=80=A7=E8=A1=A8=E7=9A=84?=
 =?UTF-8?q?=E5=B1=9E=E6=80=A7=E5=90=8D=E4=B8=80=E5=88=97=E6=8C=89=E8=BF=99?=
 =?UTF-8?q?=E5=BC=A0=E8=A1=A8=E9=87=8C=E6=9C=80=E9=95=BF=E7=9A=84=E5=90=8D?=
 =?UTF-8?q?=E5=AD=97=E6=94=BE=E5=AE=BD=EF=BC=8C=E9=95=BF=E5=90=8D=E5=AD=97?=
 =?UTF-8?q?=E4=B8=8D=E5=86=8D=E5=8E=8B=E5=88=B0=E5=80=BC=E4=B8=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vscode/webview-ui/src/codeReader/PropertyGrid.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/vscode/webview-ui/src/codeReader/PropertyGrid.tsx b/vscode/webview-ui/src/codeReader/PropertyGrid.tsx
index 915c044..ce8789d 100644
--- a/vscode/webview-ui/src/codeReader/PropertyGrid.tsx
+++ b/vscode/webview-ui/src/codeReader/PropertyGrid.tsx
@@ -144,7 +144,7 @@ export function PropertyGrid({ blockId, rows, collapsed, onToggleFold }: {
   onToggleFold: (id: string) => void
 }): ReactElement {
   return (
-    <div className="flex flex-col gap-[3px]">
+    <div className="grid grid-cols-[minmax(76px,max-content)_minmax(0,1fr)] gap-x-3 gap-y-[3px] *:col-span-full">
       {rows.map((row, index) => {
         const layout = subRowsLayout(row)
         const id = propertyRowId(blockId, index)
@@ -152,12 +152,12 @@ export function PropertyGrid({ blockId, rows, collapsed, onToggleFold }: {
         const Chevron = folded ? ChevronRight : ChevronDown
         return (
           <Fragment key={index}>
-            <div className="cr-prop-row flex gap-3" data-id={id}>
+            <div className="cr-prop-row grid grid-cols-subgrid" data-id={id}>
               {layout
                 ? (
                     <button
                       type="button"
-                      className="cr-prop-label group flex h-5 w-[76px] shrink-0 items-center gap-1 rounded-sm"
+                      className="cr-prop-label group flex h-5 items-center gap-1 rounded-sm"
                       aria-label={`${folded ? '展开' : '折叠'}${row.label}`}
                       aria-expanded={!folded}
                       onClick={() => onToggleFold(id)}
@@ -166,8 +166,8 @@ export function PropertyGrid({ blockId, rows, collapsed, onToggleFold }: {
                       {row.label}
                     </button>
                   )
-                : <span className="cr-prop-label flex h-5 w-[76px] shrink-0 items-center">{row.label}</span>}
-              <TextPreview text={row.value} className="min-w-0 flex-1" />
+                : <span className="cr-prop-label flex h-5 items-center">{row.label}</span>}
+              <TextPreview text={row.value} className="min-w-0" />
             </div>
             {!folded && layout === 'table' && <PropertyTable parentId={id} columns={row.columns ?? []} items={row.items ?? []} />}
             {!folded && layout === 'list' && <PropertyItems parentId={id} items={row.items ?? []} folding={{ collapsed, onToggleFold }} />}