From 82be39a9ac5531cf8404327d263931d3f60b206a Mon Sep 17 00:00:00 2001
From: sanbuphy <physicoada@gmail.com>
Date: Fri, 16 Jan 2026 22:01:19 +0800
Subject: [PATCH] fix(ui): correct cursor position in LlmQuickStartDemo and
 adjust image width

---
 README.md                                     |  2 +-
 .../appendix/llm-intro/LlmQuickStartDemo.vue  | 30 ++++++++++++-------
 2 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/README.md b/README.md
index 3701c87..fdeb494 100644
--- a/README.md
+++ b/README.md
@@ -71,7 +71,7 @@ Easy-Vibe 通过以下几个阶段，带你从 0 到 1：
 ### 📖 内容导航
 
 <div align="center">
-  <img src="assets/readme-image1.png" alt="Learning Map" width="100%" style="border-radius: 10px; box-shadow: 0 8px 20px rgba(45,55,72,0.3); margin: 15px 0;"/>
+  <img src="assets/readme-image1.png" alt="Learning Map" width="70%" style="border-radius: 10px; box-shadow: 0 8px 20px rgba(45,55,72,0.3); margin: 15px 0;"/>
 </div>
 
 ### 总附录
diff --git a/docs/.vitepress/theme/components/appendix/llm-intro/LlmQuickStartDemo.vue b/docs/.vitepress/theme/components/appendix/llm-intro/LlmQuickStartDemo.vue
index 4548983..fb16c5a 100644
--- a/docs/.vitepress/theme/components/appendix/llm-intro/LlmQuickStartDemo.vue
+++ b/docs/.vitepress/theme/components/appendix/llm-intro/LlmQuickStartDemo.vue
@@ -26,18 +26,25 @@
               {{ msg.content }}
             </div>
             <div v-else class="assistant-content">
-              <pre v-if="msg.isCode"><code>{{ msg.content }}</code></pre>
-              <div v-else>{{ msg.content }}</div>
+              <pre v-if="msg.isCode"><code>{{ msg.content }}<span
+                v-if="
+                  isGenerating &&
+                  index === messages.length - 1
+                "
+                class="cursor"
+                >|</span
+              ></code></pre>
+              <div v-else>
+                {{ msg.content }}<span
+                  v-if="
+                    isGenerating &&
+                    index === messages.length - 1
+                  "
+                  class="cursor"
+                  >|</span
+                >
+              </div>
             </div>
-            <span
-              v-if="
-                msg.role === 'assistant' &&
-                isGenerating &&
-                index === messages.length - 1
-              "
-              class="cursor"
-              >|</span
-            >
           </div>
         </div>
       </div>
@@ -257,6 +264,7 @@ const scrollToBottom = () => {
   line-height: 1.6;
   position: relative;
   word-wrap: break-word;
+  white-space: pre-wrap;
 }
 
 .message.user .content {