From 4d1d082fae703f030c98ec014cc7b21ac29f8c12 Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Mon, 4 May 2026 14:58:02 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=A0=87=E7=AD=BE=E6=8E=92=E7=89=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/agent/components/Item.vue | 49 +++++++++++++++---------
 1 file changed, 31 insertions(+), 18 deletions(-)

diff --git a/src/views/home/agent/components/Item.vue b/src/views/home/agent/components/Item.vue
index 0babacc..f0c9217 100644
--- a/src/views/home/agent/components/Item.vue
+++ b/src/views/home/agent/components/Item.vue
@@ -52,8 +52,22 @@
 						</div>
 					</div>
 				</div> -->
-				<div class="message-txt markdown-body flex flex-col">
+				<div class="message-txt markdown-body">
+					<span
+						v-if="parameterTags.length > 0"
+						class="message-parameter-tags"
+					>
+						<span
+							v-for="tag in parameterTags"
+							:key="`${tag.kind}-${tag.label}`"
+							class="message-parameter-tag"
+						>
+							<img :src="getParameterTagIcon(tag.kind)" class="parameter-tag-icon" />
+							<span>{{ tag.label }}</span>
+						</span>
+					</span>
 					<VueMarkdown
+						class="message-markdown"
 						:custom-attrs="customAttrs"
 						:markdown="content.text"
 						:rehype-plugins="[rehypeRaw]"
@@ -68,19 +82,6 @@
 							<Sketch @click="handleClickSketch" />
 						</template>
 					</VueMarkdown>
-					<div
-						v-if="parameterTags.length > 0"
-						class="message-parameter-tags flex align-center"
-					>
-						<div
-							v-for="tag in parameterTags"
-							:key="`${tag.kind}-${tag.label}`"
-							class="message-parameter-tag flex align-center"
-						>
-							<img :src="getParameterTagIcon(tag.kind)" class="parameter-tag-icon" />
-							<span>{{ tag.label }}</span>
-						</div>
-					</div>
 					<div
 						class="web-address flex align-center"
 						v-show="content.webAddress?.length > 0"
@@ -382,15 +383,16 @@
 				max-width: 82%;
 			}
 			.message-parameter-tags {
-				flex-wrap: wrap;
-				justify-content: flex-start;
-				gap: 0.8rem;
-				margin-top: 0.8rem;
+				display: inline;
 			}
 			.message-parameter-tag {
+				display: inline-flex;
+				align-items: center;
+				vertical-align: middle;
 				height: 3rem;
 				max-width: 24rem;
 				padding: 0 1rem;
+				margin: 0 0.8rem 0.4rem 0;
 				border: 0.1rem solid #0000001a;
 				border-radius: 2.2rem;
 				column-gap: 0.8rem;
@@ -509,6 +511,17 @@
 	.message-txt {
 		user-select: text;
 
+		.message-markdown,
+		> div:not(.web-address) {
+			display: inline;
+		}
+
+		.message-markdown > p:first-child,
+		> div:not(.web-address) > p:first-child {
+			display: inline;
+			margin-top: 0;
+		}
+
 		ul {
 			list-style-position: inside;
 		}