ui: add background to answers

resources/css/common.css

@@ -103,6 +103,7 @@ html[data-theme='dark'] {
   --ls-success-background-color: var(--color-green-900);
   --ls-focus-ring-color: rgba(18, 98, 119, 0.5);
   --ls-header-button-background: #dee4ea;
+  --ls-ai-answer-background-color: var(--ls-tertiary-background-color);
   --color-level-1: var(--ls-secondary-background-color);
   --color-level-2: var(--ls-tertiary-background-color);
   --color-level-3: var(--ls-quaternary-background-color);
@@ -181,6 +182,7 @@ html[data-theme='light'] {
   --ls-success-background-color: var(--color-green-100);
   --ls-focus-ring-color: rgba(66, 133, 244, 0.5);
   --ls-header-button-background: rgba(15, 20, 25, 1);
+  --ls-ai-answer-background-color: rgb(185, 238, 188);
   --color-level-1: var(--ls-secondary-background-color);
   --color-level-2: var(--ls-tertiary-background-color);
   --color-level-3: var(--ls-quaternary-background-color);

src/main/frontend/components/ai.cljs

@@ -124,7 +124,7 @@
      (conversations conversation-id)
      [:div.flex.flex-1.flex-col
       (when conversation-id
-        [:div.p-2.opacity-70.hover:opacity-100.overflow-x-hidden
+        [:div.p-2.overflow-x-hidden
          (block/page-cp {} (db/entity conversation-id))])
       (conversation conversation-id)
       (input)]]))

src/main/frontend/components/ai.css

@@ -50,11 +50,15 @@
     }
 
     .message.question {
-        @apply mr-8;
     }
 
     .message.answer {
-        @apply ml-8;
+        .ls-block {
+            padding: 0 4px;
+            border-radius: 4px;
+            border-bottom: none;
+            background-color: var(--ls-ai-answer-background-color);
+        }
     }
 }