mirror of
				https://github.com/ggml-org/llama.cpp.git
				synced 2025-10-30 08:42:00 +00:00 
			
		
		
		
	server : (UI) Improve messages bubble shape in RTL (#11220)
I simply have overlooked message bubble's tail placement for RTL text as I use the dark mode and that isn't visible there and this fixes it.
This commit is contained in:
		
										
											Binary file not shown.
										
									
								
							| @@ -245,10 +245,11 @@ | |||||||
|       <div :class="{ |       <div :class="{ | ||||||
|         'chat-bubble markdown': true, |         'chat-bubble markdown': true, | ||||||
|         'chat-bubble-base-300': msg.role !== 'user', |         'chat-bubble-base-300': msg.role !== 'user', | ||||||
|       }" dir="auto"> |       }"> | ||||||
|         <!-- textarea for editing message --> |         <!-- textarea for editing message --> | ||||||
|         <template v-if="editingContent !== null"> |         <template v-if="editingContent !== null"> | ||||||
|           <textarea |           <textarea | ||||||
|  |             dir="auto" | ||||||
|             class="textarea textarea-bordered bg-base-100 text-base-content w-[calc(90vw-8em)] lg:w-96" |             class="textarea textarea-bordered bg-base-100 text-base-content w-[calc(90vw-8em)] lg:w-96" | ||||||
|             v-model="editingContent"></textarea> |             v-model="editingContent"></textarea> | ||||||
|           <br/> |           <br/> | ||||||
| @@ -259,7 +260,9 @@ | |||||||
|           <!-- show loading dots for pending message --> |           <!-- show loading dots for pending message --> | ||||||
|           <span v-if="msg.content === null" class="loading loading-dots loading-md"></span> |           <span v-if="msg.content === null" class="loading loading-dots loading-md"></span> | ||||||
|           <!-- render message as markdown --> |           <!-- render message as markdown --> | ||||||
|           <vue-markdown v-else :source="msg.content"></vue-markdown> |           <div v-else dir="auto"> | ||||||
|  |             <vue-markdown :source="msg.content"></vue-markdown> | ||||||
|  |           </div> | ||||||
|           <!-- render timings if enabled --> |           <!-- render timings if enabled --> | ||||||
|           <div class="dropdown dropdown-hover dropdown-top mt-2" v-if="timings && config.showTokensPerSecond"> |           <div class="dropdown dropdown-hover dropdown-top mt-2" v-if="timings && config.showTokensPerSecond"> | ||||||
|             <div tabindex="0" role="button" class="cursor-pointer font-semibold text-sm opacity-60">Speed: {{ timings.predicted_per_second.toFixed(1) }} t/s</div> |             <div tabindex="0" role="button" class="cursor-pointer font-semibold text-sm opacity-60">Speed: {{ timings.predicted_per_second.toFixed(1) }} t/s</div> | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user
	 ebraminio
					ebraminio