💄 Fix overflow-x

agentlabs-inc · Oct 30, 2023 · bd5146b · bd5146b
1 parent 10968f8
commit bd5146b
Show file tree

Hide file tree

Showing 8 changed files with 10 additions and 10 deletions.
diff --git a/frontend/src/lib/components/chat/chat-message/AgentChatMessage.svelte b/frontend/src/lib/components/chat/chat-message/AgentChatMessage.svelte
@@ -3,7 +3,7 @@
 	import { getAgentById } from "$lib/stores/agent";
 	import type { ChatMessageFormat } from "$lib/stores/chat";
 	import TypingLoader from "$lib/components/chat/chat-message/TypingLoader.svelte";
-	import type {  MessageAttachmentWrapper } from "$lib/entities/message/message";
+	import type { MessageAttachmentWrapper } from "$lib/entities/message/message";
 	import MarkdownRenderer from "$lib/components/markdown/markdown-renderer.svelte";
 	import Attachment from "./Attachment.svelte";
 	import Spacer from "$lib/components/common/spacer/Spacer.svelte";
@@ -46,7 +46,7 @@
 			</div>
 
 			<div>
-				<div class="flex flex-col flex-grow relative overflow-x-scroll">
+				<div class="flex flex-col flex-grow relative overflow-x-auto">
 					<div class="text-body-subdued dark:text-body-subdued-dark text-xs mb-3">
 						{time} - {agent.name}
 					</div>

diff --git a/frontend/src/lib/components/chat/chat-message/ChatMessage.svelte b/frontend/src/lib/components/chat/chat-message/ChatMessage.svelte
@@ -50,7 +50,7 @@
 			</div>
 
 			<div>
-				<div class="flex flex-col flex-grow relative overflow-x-scroll">
+				<div class="flex flex-col flex-grow relative overflow-x-auto">
 					<div class="text-body-subdued dark:text-body-subdued-dark text-xs mb-3">
 						{time}
 					</div>
@@ -63,7 +63,7 @@
 						{/if}
 					</div>
 				</div>
-			<Spacer />
+				<Spacer />
 				<div class="flex items-center gap-4 flex-wrap">
 					{#each imageAttachements as attachment}
 						<Attachment

diff --git a/frontend/src/lib/components/chat/chat-message/DatepickerMessage/DatepickerMessage.svelte b/frontend/src/lib/components/chat/chat-message/DatepickerMessage/DatepickerMessage.svelte
@@ -66,7 +66,7 @@
 				<LetterAvatar>{letter}</LetterAvatar>
 			</div>
 
-			<div class="flex flex-col flex-grow relative overflow-x-scroll">
+			<div class="flex flex-col flex-grow relative overflow-x-auto">
 				<div class="text-body-subdued dark:text-body-subdued-dark text-xs mb-3">
 					{time} - {agent.name}
 				</div>

diff --git a/frontend/src/lib/components/chat/chat-message/EChartMessage/EChartMessage.svelte b/frontend/src/lib/components/chat/chat-message/EChartMessage/EChartMessage.svelte
@@ -54,7 +54,7 @@
 				<LetterAvatar>{letter}</LetterAvatar>
 			</div>
 
-			<div class="flex flex-col flex-grow relative overflow-x-scroll">
+			<div class="flex flex-col flex-grow relative overflow-x-auto">
 				<div class="text-body-subdued dark:text-body-subdued-dark text-xs mb-3">
 					{time} - {agent.name}
 				</div>

diff --git a/frontend/src/lib/components/chat/chat-message/LoginMessage.svelte b/frontend/src/lib/components/chat/chat-message/LoginMessage.svelte
@@ -153,7 +153,7 @@
 				<LetterAvatar>{letter}</LetterAvatar>
 			</div>
 
-			<div class="flex flex-col flex-grow relative overflow-x-scroll">
+			<div class="flex flex-col flex-grow relative overflow-x-auto">
 				<div class="text-body-subdued dark:text-body-subdued-dark text-xs mb-3">
 					{time} - {agent.name}
 				</div>

diff --git a/frontend/src/lib/components/chat/chat-message/PromptMessage.svelte b/frontend/src/lib/components/chat/chat-message/PromptMessage.svelte
@@ -26,7 +26,7 @@
 				<LetterAvatar>{letter}</LetterAvatar>
 			</div>
 
-			<div class="flex flex-col flex-grow relative overflow-x-scroll">
+			<div class="flex flex-col flex-grow relative overflow-x-auto">
 				<div class="text-body-subdued dark:text-body-subdued-dark text-xs mb-3">
 					{time} - {agent.name}
 				</div>

diff --git a/frontend/src/lib/components/chat/chat-message/SelectMessage/SelectMessage.svelte b/frontend/src/lib/components/chat/chat-message/SelectMessage/SelectMessage.svelte
@@ -54,7 +54,7 @@
 				<LetterAvatar>{letter}</LetterAvatar>
 			</div>
 
-			<div class="flex flex-col flex-grow relative overflow-x-scroll">
+			<div class="flex flex-col flex-grow relative overflow-x-auto">
 				<div class="text-body-subdued dark:text-body-subdued-dark text-xs mb-3">
 					{time} - {agent.name}
 				</div>

diff --git a/frontend/src/lib/components/common/navigation/left-nav/LeftNav.svelte b/frontend/src/lib/components/common/navigation/left-nav/LeftNav.svelte
@@ -62,7 +62,7 @@
 			size="smaller"
 			on:click={$leftNavStore.toggle} />
 	</div>
-	<section class="py-5 px-3 overflow-x-scroll flex-grow">
+	<section class="py-5 px-3 overflow-x-auto flex-grow">
 		<div class="flex flex-col gap-3 antialiased">
 			{#each conversations as conversation}
 				<button