From ee2e7e014f6f7a6497774a3961c6cbf806a1373c Mon Sep 17 00:00:00 2001
From: npmrun <1549469775@qq.com>
Date: Sat, 18 Apr 2026 16:01:26 +0800
Subject: [PATCH] fix(ui): scale nested comment indent by depth

Made-with: Cursor
---
 app/components/PostComments.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/PostComments.vue b/app/components/PostComments.vue
index 85f4ef5..443af9a 100644
--- a/app/components/PostComments.vue
+++ b/app/components/PostComments.vue
@@ -209,8 +209,8 @@ async function submitComment() {
       <div
         v-for="{ node, depth } in flatComments"
         :key="node.id"
-        :class="depth > 0 ? 'ml-4 border-l border-default pl-3' : ''"
-        class="space-y-2 py-1"
+        :class="['space-y-2 py-1', depth > 0 && 'border-l border-default']"
+        :style="depth > 0 ? { marginLeft: `${depth * 0.75}rem`, paddingLeft: '0.75rem' } : undefined"
       >
         <template v-if="node.deleted">
           <p class="text-sm text-muted">