Merge pull request #1942 from smeup/fix/layout7-openAI

Fix/layout7 open ai
smeup · Jun 19, 2024 · 74307ad · 74307ad
2 parents 8542ab6 + a472cdc
commit 74307ad
Showing 1 changed file with 11 additions and 11 deletions.
diff --git a/packages/ketchup/src/components/kup-card/built-in/kup-card-built-in-7.scss b/packages/ketchup/src/components/kup-card/built-in/kup-card-built-in-7.scss
@@ -1,21 +1,16 @@
 .built-in-layout-7 {
-  background-color: var(--kup-background-color);
-  border-radius: 4px;
+  border-radius: var(--kup-radius-00);
   box-sizing: border-box;
-  box-shadow: 0 2px 1px -1px rgba(128, 128, 128, 0.1),
-    0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);
   display: flex;
   flex-direction: column;
   height: 100%;
   position: relative;
   width: 100%;
   overflow: auto;
-  padding: 1.25em 1.25em;
 
   .wrapper {
     display: grid;
     grid-template-rows: 3fr;
-    place-items: center;
     margin: auto;
 
     &.ready {
@@ -36,7 +31,7 @@
 
   .chat-area {
     overflow: auto;
-    padding-top: 1.25em;
+    padding-top: var(--kup-space-05);
     white-space: pre-line;
     word-break: normal;
   }
@@ -77,20 +72,25 @@
   }
 
   .request {
-    font-weight: bold;
+    .paragraph {
+      @include kup-heading-01;
+    }
   }
 
   .response {
-    margin-bottom: 1em;
+    margin-bottom: var(--kup-space-05);
+    .paragraph {
+      @include kup-body-compact-01;
+    }
   }
 
   .message-container {
     background-color: var(--kup-background-color);
-    border-radius: 4px;
+    border-radius: var(--kup-radius-00);
     position: relative;
 
     &:hover {
-      background-color: rgba(var(--kup-primary-color-rgb), 0.175);
+      background-color: var(--kup-layer-0-hover);
 
       .copy {
         opacity: 1;