From 656e35c79f3d7dc32e8ffaee720daea04c934f47 Mon Sep 17 00:00:00 2001
From: xfy <i@rua.plus>
Date: Mon, 29 Jun 2026 15:20:48 +0800
Subject: [PATCH] fix(comments): move decorative image properly inside textarea
 background layer

---
 src/components/comments/form.rs | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/comments/form.rs b/src/components/comments/form.rs
index 374ba1c..53afd1e 100644
--- a/src/components/comments/form.rs
+++ b/src/components/comments/form.rs
@@ -147,10 +147,10 @@ pub fn CommentForm(post_id: i32, parent_id: Option<i64>, parent_indent: Option<i
                         class: "block text-sm font-medium text-paper-secondary mb-1",
                         "内容 *"
                     }
-                    div { class: "relative",
+                    div { class: "relative bg-paper-entry rounded-lg",
                         textarea {
                             id: "comment-content-{id_suffix}",
-                            class: "{INPUT_CLASS} peer min-h-[100px] resize-y",
+                            class: "{INPUT_CLASS} !bg-transparent relative z-10 peer block min-h-[100px] resize-y",
                             value: "{content_md}",
                             disabled: submitting(),
                             oninput: move |e| content_md.set(e.value()),
@@ -158,7 +158,7 @@ pub fn CommentForm(post_id: i32, parent_id: Option<i64>, parent_indent: Option<i
                         img {
                             src: "/images/xiantiaoxiaogou_03.webp",
                             alt: "",
-                            class: "absolute bottom-2 right-2 w-24 pointer-events-none opacity-60 peer-focus:opacity-10 transition-opacity duration-300",
+                            class: "absolute bottom-1.5 right-1.5 w-24 pointer-events-none opacity-60 peer-focus:opacity-10 transition-opacity duration-300 z-0",
                         }
                     }
                 }