add inline styles

coveo · Dec 19, 2024 · c90928b · c90928b
1 parent 397c3c8
commit c90928b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/atomic/src/components/search/atomic-text/atomic-text.styles.tw.css b/packages/atomic/src/components/search/atomic-text/atomic-text.styles.tw.css
@@ -1,6 +1,6 @@
 div {
   transition: background-color 0.3s;
-  @apply rounded;
+
   @apply text-white;
 }
 

diff --git a/packages/atomic/src/components/search/atomic-text/atomic-text.ts b/packages/atomic/src/components/search/atomic-text/atomic-text.ts
@@ -1,4 +1,5 @@
 import {
+  css,
   CSSResultGroup,
   html,
   LitElement,
@@ -37,6 +38,12 @@ export class AtomicText extends TailwindLitElement {
 
   static styles: CSSResultGroup = [
     TailwindLitElement.styles,
+    css`
+      div {
+        border: 1px solid red;
+        border-radius: var(--atomic-border-radius-xl);
+      }
+    `,
     unsafeCSS(styles),
   ];