fix(ui): correct cursor position in LlmQuickStartDemo and adjust image width

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>
 
 ### 总附录

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 {