Add more kapa config (prisma#6004)

Delete custom kapa css

Author: carlagn

docusaurus.config.ts

@@ -44,11 +44,15 @@ const config: Config = {
       "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-width": "64px",
+      "data-button-height": "64px",
+      "data-button-border-radius": "8px",
+      "data-button-border": "2px solid #71e8df",
       "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-text-font-size": "1rem",
       "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))",
     },

src/css/custom.css

@@ -365,7 +365,7 @@ h6 code {
   -moz-osx-font-smoothing: grayscale;
 }
 
-img {
+img:not(.mantine-Image-image){
   max-width: 100%;
   margin-left: 0;
   margin-right: 0;
@@ -1037,44 +1037,8 @@ hr {
   }
 }
 
-.mantine-Modal-header .mantine-Text-root {
-  -webkit-tap-highlight-color: transparent;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: inherit;
-  text-decoration: none;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
-    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-  font-weight: 700;
-  font-size: 1.375rem !important;
-  line-height: 1.4;
-  margin: 0px;
-}
-
-.mantine-Modal-header .mantine-Image-image {
-  margin-bottom: 0 !important;
-  margin-top: 0 !important;
-  width: revert !important;
-  height: revert !important;
-}
-
-.mantine-Modal-body > div:last-child .mantine-Text-root {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
-    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-  -webkit-tap-highlight-color: transparent;
-  color: rgb(134, 142, 150);
-  font-size: 0.75rem !important;
-  line-height: 1.55;
-  text-decoration: none;
-  font-weight: 500;
-}
-
-.mantine-Image-image {
-  width: 40px !important;
-  height: 40px !important;
-  margin-bottom: -8px !important;
-  margin-top: -3px !important;
+.mantine-Stack-root {
+  gap: 0;
 }
 
 .preview-badge ::after {
@@ -1311,28 +1275,6 @@ article h6 {
   text-decoration: none;
 }
 
-#kapa-widget-container {
-  position: fixed;
-  bottom: 20px;
-  right: 20px;
-  padding: 0px;
-  border: 2px;
-  z-index: 199;
-}
-.mantine-Text-root {
-  font-size: 1rem !important;
-}
-#kapa-widget-container .mantine-Button-root {
-  border: 2px solid #71e8df !important;
-  border-radius: 8px;
-  height: 4rem !important;
-  width: 4rem !important;
-}
-
-.mantine-Image-root img {
-  object-fit: contain !important;
-}
-
 [data-collapsed] {
   background: transparent;
   padding: 0;