feat(demo): reduce font size of the chat assistant

Reduce font size of the chat assistant window because of large messages
FlowingCode · Sep 13, 2024 · c6b251e · c6b251e
1 parent b376c1a
commit c6b251e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/test/java/com/flowingcode/vaadin/addons/chatassistant/ChatAssistantLazyLoadingDemo.java b/src/test/java/com/flowingcode/vaadin/addons/chatassistant/ChatAssistantLazyLoadingDemo.java
@@ -124,6 +124,7 @@ public class ChatAssistantLazyLoadingDemo extends VerticalLayout {
 
   public ChatAssistantLazyLoadingDemo() {
     ChatAssistant chatAssistant = new ChatAssistant();
+    chatAssistant.setClassName("small");
     Span lazyLoadingData = new Span();
     DataProvider<Message,?> dataProvider = DataProvider.fromCallbacks(query->{
       lazyLoadingData.setText("Loading messages from: " + query.getOffset() + ", with limit: " + query.getLimit());
@@ -170,4 +171,5 @@ public ChatAssistantLazyLoadingDemo() {
 
     add(message, lazyLoadingData, chat, chatAssistant);
   }
+
 }
diff --git a/src/test/resources/META-INF/frontend/styles/chat-assistant-styles-demo.css b/src/test/resources/META-INF/frontend/styles/chat-assistant-styles-demo.css
@@ -21,3 +21,7 @@
     --chatbot-avatar-img: url(chatbot.png);
     --chatbot-avatar-bg-color: white;
   }
+
+  chat-bot.small vaadin-message {
+  	font-size: var(--lumo-font-size-xxs);
+  }