Kapa button (#5564)

* Update html.tsx * Add files via upload * Optimised images with calibre/image-actions * Update html.tsx * Add files via upload * Optimised images with calibre/image-actions * Update html.tsx * Add files via upload * Add files via upload * Update layout.css * Update layout.css * Update layout.css * Update layout.css * Update layout.css * Update border of kapa button * !important border --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Nilufar Bava <[email protected]> Co-authored-by: Petra Donka <[email protected]> Co-authored-by: Carla Goncalves <[email protected]>
prisma · Jan 16, 2024 · e0e1f8d · e0e1f8d · vercel · Jan 16, 2024
1 parent f7d5ab1
commit e0e1f8d
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 4 deletions.
diff --git a/src/html.tsx b/src/html.tsx
@@ -16,6 +16,13 @@ const HTML = (props: any) => {
           data-project-logo="https://www.prisma.io/docs/ai_logo.png"
           data-button-text="Ask AI"
           data-modal-example-questions="How can I setup relations in my schema file?,What is the difference between the 'migrate dev' and 'db push' commands?,Which cache strategy should I use for my query with Prisma Accelerate?,How can I subscribe to database events with Prisma Pulse?"
+          data-button-image="https://www.prisma.io/docs/ai_button.svg"
+          data-button-text-color="#71E8DF"
+          data-button-bg-color="#2D3748"
+          data-button-border="2px"
+          data-button-border-color="#71e8df"
+          data-button-border-style="solid"
+          data-button-box-shadow="drop-shadow(0px 0.724px 1.251px rgba(14, 18, 28, 0.02)) drop-shadow(0px 1.608px 2.909px rgba(14, 18, 28, 0.04)) drop-shadow(0px 2.793px 5.225px rgba(14, 18, 28, 0.06)) drop-shadow(0px 4.55px 8.671px rgba(14, 18, 28, 0.07)) drop-shadow(0px 7.485px 14.285px rgba(14, 18, 28, 0.08)) drop-shadow(0px 13.358px 24.966px rgba(14, 18, 28, 0.09)) drop-shadow(0px 33px 54px rgba(14, 18, 28, 0.07))"
         ></script>
 
         {/* OneTrust Cookies Consent Notice start for prisma.io  */}

diff --git a/src/styles/layout.css b/src/styles/layout.css
@@ -581,10 +581,6 @@ a.question::before {
   }
 }
 
-.gatsby-resp-image-wrapper {
-  margin-left: inherit !important;
-}
-
 /* Kapa.ai overrides */
 #kapa-widget-container .mantine-Button-root {
   z-index: 1000;
@@ -596,6 +592,14 @@ a.question::before {
 
 #kapa-widget-container .mantine-Text-root {
   font-size: 1rem;
+  color: #71e8df;
+  filter: drop-shadow(0px 0.724px 1.251px rgba(14, 18, 28, 0.02))
+    drop-shadow(0px 1.608px 2.909px rgba(14, 18, 28, 0.04))
+    drop-shadow(0px 2.793px 5.225px rgba(14, 18, 28, 0.06))
+    drop-shadow(0px 4.55px 8.671px rgba(14, 18, 28, 0.07))
+    drop-shadow(0px 7.485px 14.285px rgba(14, 18, 28, 0.08))
+    drop-shadow(0px 13.358px 24.966px rgba(14, 18, 28, 0.09))
+    drop-shadow(0px 33px 54px rgba(14, 18, 28, 0.07));
 }
 
 #kapa-widget-container .mantine-Image-image {
@@ -607,6 +611,7 @@ a.question::before {
   height: 4rem !important;
   width: 4rem !important;
   border-radius: 8px;
+  border: 2px solid #71e8df !important;
 }
 
 #kapa-widget-container .mantine-Stack-root {
@@ -616,3 +621,7 @@ a.question::before {
 .mantine-Modal-body img {
   margin-bottom: 0;
 }
+
+.gatsby-resp-image-wrapper {
+  margin-left: inherit !important;
+}
diff --git a/static/ai_button.svg b/static/ai_button.svg