fix(chat): limit multiple file message to a single row

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>

Author: Antreesy

src/components/MessagesList/MessagesGroup/Message/MessagePart/MessageBody.vue

@@ -730,6 +730,21 @@ export default {
 
 	// Split view end
 
+	// Keep multiple file previews on a scrollable horizontal row
+	&--combined-files .message-main__text :deep(.rich-text--wrapper) > p:has(.file-preview) {
+		position: relative;
+		display: flex;
+		flex-wrap: nowrap;
+		gap: var(--default-grid-baseline);
+		padding: 2px;
+		overflow-x: auto;
+		overflow-y: hidden;
+
+		> * {
+			flex-shrink: 0;
+		}
+	}
+
 	&__text {
 		color: var(--color-text-light);