Mon 21 Jul 22:43:21 CEST 2025

2025-07-21 23:37:02 +02:00 · 2025-07-21 23:37:02 +02:00 · 0be92fbf9f
commit 0be92fbf9f
parent 65e2c27a7e
1 changed files with 73 additions and 0 deletions
--- a/js/ui/botui/src/styles/botui.scss
+++ b/js/ui/botui/src/styles/botui.scss
@ -0,0 +1,73 @@
+
+/*
+  These are the styles to create an interface of a chat/bot
+*/
+
+.botui-app-container {
+  width: 100%; // mobile-first
+  height: 100%;
+  line-height: 1;
+
+  @media (min-width: 400px) {
+    width: 400px;
+    height: 500px;
+    margin: 0 auto;
+  }
+}
+
+.botui-container {
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+.botui-message {
+  margin: 10px 0;
+  min-height: 20px;
+  
+  &:after {
+    display: block;
+    content: "";
+    clear: both;
+  }
+}
+
+.botui-message-content {
+  width: auto;
+  max-width: 85%;
+  display: inline-block;
+
+  &.human {
+    float: right;
+  }
+
+  iframe {
+    width: 100%;
+  }
+}
+
+.botui-message-content-image {
+  margin: 5px 0;
+  display: block;
+  max-width: 200px;
+  max-height: 200px;
+}
+
+.botui-message-content-link {
+  text-decoration: underline;
+}
+
+button.botui-actions-buttons-button {
+  margin-top: 10px;
+  margin-bottom: 10px;
+  &:not(:last-child) {
+    margin-right: 10px;
+  }
+}
+
+.botui-actions-text-submit {
+  @media (min-width: 400px) {
+    display: none;
+  }
+}