react-autoql 6.0.2 → 6.1.1

package/dist/autoql.esm.css

@@ -2552,7 +2552,17 @@ g.legendOrdinal .legendTitle tspan {
   flex-direction: column;
   justify-content: flex-start; }
   .query-tips-page-container h2 {
-    color: var(--react-autoql-text-color-primary); }
+    color: var(--react-autoql-text-color-primary);
+    display: block;
+    font-size: 1.5em;
+    -webkit-margin-before: 0.83em;
+            margin-block-start: 0.83em;
+    -webkit-margin-after: 0.83em;
+            margin-block-end: 0.83em;
+    -webkit-margin-start: 0px;
+            margin-inline-start: 0px;
+    -webkit-margin-end: 0px;
+            margin-inline-end: 0px; }
   .query-tips-page-container .react-autoql-chatbar-input-container {
     flex: 0;
     padding: 10px; }
@@ -2576,7 +2586,10 @@ g.legendOrdinal .legendTitle tspan {
         font-weight: bold;
         color: var(--react-autoql-accent-color); }
     .query-tips-page-container .query-tips-result-container .query-tips-result-placeholder {
-      margin-top: 50px; }
+      font-size: 15px;
+      margin-top: 50px;
+      margin: 50px auto;
+      padding: 0 40px; }
   .query-tips-page-container .chat-bar-clear-btn {
     position: absolute;
     display: flex;
@@ -2768,6 +2781,12 @@ ul {
   .data-explorer-section.data-preview-section .react-autoql-card-content,
   .data-explorer-section.data-preview-section .react-autoql-card-user-content {
     flex: 0 0 auto !important; }
+  .data-explorer-section .data-preview-error-message {
+    white-space: initial;
+    text-align: center;
+    font-size: 13px;
+    margin-top: 20px;
+    margin-bottom: 10px; }
   .data-explorer-section .data-preview-scroll-container,
   .data-explorer-section .custom-scrollbar-view {
     width: 100%;
@@ -2775,6 +2794,12 @@ ul {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: auto; }
+  .data-explorer-section .custom-scrollbar-view:hover::-webkit-scrollbar-corner {
+    background-color: transparent; }
+  .data-explorer-section .custom-scrollbar-view:hover::-webkit-scrollbar-track,
+  .data-explorer-section .custom-scrollbar-view:hover::-webkit-scrollbar-track-piece,
+  .data-explorer-section .custom-scrollbar-view::-webkit-scrollbar-corner {
+    background-color: transparent; }
   .data-explorer-section .data-explorer-data-preview {
     flex: 0 0 auto;
     overflow: hidden;
@@ -2819,7 +2844,7 @@ ul {
         align-items: center;
         justify-content: center; }
     .data-explorer-section .data-explorer-data-preview tbody tr {
-      height: 27px; }
+      height: 24px; }
       .data-explorer-section .data-explorer-data-preview tbody tr:not(:last-child) {
         border-bottom: 1px solid var(--react-autoql-border-color); }
       .data-explorer-section .data-explorer-data-preview tbody tr td {
@@ -2886,6 +2911,18 @@ ul {
     padding: 0 40px;
     font-size: 15px;
     flex: 1; }
+    .data-explorer-page-container .data-explorer-intro-message h2 {
+      display: block;
+      font-size: 1.5em;
+      -webkit-margin-before: 0.83em;
+              margin-block-start: 0.83em;
+      -webkit-margin-after: 0.83em;
+              margin-block-end: 0.83em;
+      -webkit-margin-start: 0px;
+              margin-inline-start: 0px;
+      -webkit-margin-end: 0px;
+              margin-inline-end: 0px;
+      color: var(--react-autoql-text-color-primary); }
     .data-explorer-page-container .data-explorer-intro-message .intro-message-list-container {
       display: flex;
       justify-content: center;
@@ -2964,8 +3001,6 @@ ul {
       .data-explorer-page-container .query-suggestion-list-scroll-component .query-tip-item .animated-item {
         animation: fadeIn 0.3s linear;
         animation-fill-mode: both; }
-      .data-explorer-page-container .query-suggestion-list-scroll-component .query-tip-item .query-tips-result-placeholder {
-        margin-top: 50px; }
   .data-explorer-page-container .chat-bar-clear-btn {
     position: absolute;
     display: flex;
@@ -3527,7 +3562,8 @@ ul {
   box-shadow: 0px 0 8px rgba(0, 0, 0, 0.15);
   transition: opacity 0.2s ease 0s !important;
   opacity: 1 !important;
-  overflow: hidden !important; }
+  overflow: hidden !important;
+  background-color: var(--react-autoql-background-color-secondary); }
 
 .clear-messages-confirm-popover {
   color: var(--react-autoql-text-color-primary);