feat: feature component styling

project-ait · Nov 1, 2023 · bcde6e2 · bcde6e2
1 parent b956457
commit bcde6e2
Showing 1 changed file with 19 additions and 1 deletion.
diff --git a/src/lib/components/chat/messages/AssistantMessage.svelte b/src/lib/components/chat/messages/AssistantMessage.svelte
@@ -78,4 +78,22 @@
   bgColor="rgba(0, 0, 0, 0.05)"
   message={showingMessage}
   profilePic="/llama2.png"
-/>
+>
+  {#if feature !== Features.None}
+    <div class="feat-box">
+      {#if feature === Features.Weather}
+        <FeatWeather />
+      {/if}
+    </div>
+  {/if}
+</BaseMessage>
+
+<style>
+  .feat-box {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    margin: 6px auto;
+  }
+</style>