fix: Remove padding for the first Markdown element

oramasearch · Jul 31, 2024 · dd09fa7 · dd09fa7
1 parent bd45450
commit dd09fa7
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/...ma-chat-messages-container/orama-chat-assistent-message/orama-chat-assistent-message.scss b/...ma-chat-messages-container/orama-chat-assistent-message/orama-chat-assistent-message.scss
@@ -4,6 +4,9 @@
 }
 
 .message-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-m, $spacing-m);
   background: var(--background-color-secondary, background-color('secondary'));
   border-radius: var(--radius-m, $radius-m);
   padding: var(--spacing-m, $spacing-m);

diff --git a/...a-chat-messages-container/orama-chat-assistent-message/orama-markdown/orama-markdown.scss b/...a-chat-messages-container/orama-chat-assistent-message/orama-markdown/orama-markdown.scss
@@ -2,6 +2,11 @@
   color: var(--text-color-secondary, text-color('secondary'));
 }
 
+.orama-markdown-wrapper > :first-child {
+  padding-top: 0;
+  margin-top: 0;
+}
+
 p,
 a,
 li {

diff --git a/...ma-chat-messages-container/orama-chat-assistent-message/orama-markdown/orama-markdown.tsx b/...ma-chat-messages-container/orama-chat-assistent-message/orama-markdown/orama-markdown.tsx
@@ -183,6 +183,7 @@ export class OramaMarkdown {
           href="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/atom-one-dark.min.css"
         />
         <div
+          class="orama-markdown-wrapper"
           ref={(ref) => {
             this.divElement = ref
           }}