Merge branch 'main' into feature/flow-trigger-page

weni-ai · Mar 25, 2024 · 4a1f6e6 · 4a1f6e6
2 parents ac262bb + 44e9925
commit 4a1f6e6
Show file tree

Hide file tree

Showing 10 changed files with 300 additions and 71 deletions.
diff --git a/src/components/InsightsCard.vue b/src/components/InsightsCard.vue
@@ -1,12 +1,12 @@
 <template>
-  <button class="insights-card">
-    <p class="insights-card__title unnnic-font body-lg bold">
+  <article class="insights-card">
+    <p class="insights-card__title">
       <slot name="title"></slot>
     </p>
-    <p class="insights-card__description unnnic-font body-gt">
+    <p class="insights-card__description">
       <slot name="description"></slot>
     </p>
-  </button>
+  </article>
 </template>
 
 <script>
@@ -26,13 +26,19 @@ export default {
   justify-content: center;
   cursor: pointer;
   border: none;
+  text-align: left;
 
   &__title {
     color: $unnnic-color-neutral-darkest;
+    font-size: $unnnic-font-size-body-lg;
+    font-weight: $unnnic-font-weight-bold;
   }
 
   &__description {
     color: $unnnic-color-neutral-dark;
+    font-size: $unnnic-font-size-body-gt;
+    font-family: $unnnic-font-family-secondary;
+    text-overflow: ellipsis;
   }
 }
 </style>
diff --git a/src/components/InsightsInput.vue b/src/components/InsightsInput.vue
@@ -1,17 +1,18 @@
 <template>
-  <div class="insights-input">
+  <section class="insights-input">
     <input
       class="insights-input__input"
       type="text"
       placeholder="Peça insights ao InsightsGPT..."
     />
-    <unnnic-button
-      class="insights-input__button"
-      type="secondary"
-      size="large"
-      iconCenter="send"
-    />
-  </div>
+    <div class="insights-input__button">
+      <unnnic-button
+        type="secondary"
+        size="large"
+        iconCenter="send"
+      />
+    </div>
+  </section>
 </template>
 
 <script>
@@ -24,11 +25,13 @@ export default {
 .insights-input {
   margin-top: auto;
   width: 100%;
-  padding: 0 8rem;
+  padding: 0 calc($unnnic-spacing-awesome + $unnnic-spacing-giant) $unnnic-spacing-lg;
   display: flex;
   flex-direction: row;
   position: relative;
 
+  background-color: $unnnic-color-neutral-white;
+
   @media screen and (max-width: 900px) {
     padding: unset;
   }
@@ -50,7 +53,7 @@ export default {
     border: 1px $unnnic-color-neutral-cleanest solid;
     border-radius: $unnnic-border-radius-sm;
     background-color: $unnnic-color-neutral-white;
-    right: 4rem;
+    right: 9rem;
     top: 0.6rem;
     cursor: pointer;
 
@@ -59,4 +62,4 @@ export default {
     }
   }
 }
-</style>
+</style>