From 6be0be8b95672cece62827be5560d656665dbbec Mon Sep 17 00:00:00 2001
From: xuliwenwenwen <74528885+xuliwenwenwen@users.noreply.github.com>
Date: Thu, 16 Jan 2025 17:07:38 +0800
Subject: [PATCH] Feat/ai (#54)

* feat: component theme

* feat: update style

* style: ai
---
 pingcap-jp/css/blocks/icon-grid.scss     | 1 +
 pingcap-jp/css/scaffold/backgrounds.scss | 4 ++++
 pingcap-jp/templates/page-ai.php         | 4 ++--
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/pingcap-jp/css/blocks/icon-grid.scss b/pingcap-jp/css/blocks/icon-grid.scss
index b9bd227..803810d 100644
--- a/pingcap-jp/css/blocks/icon-grid.scss
+++ b/pingcap-jp/css/blocks/icon-grid.scss
@@ -21,6 +21,7 @@
 				font-weight: 300;
 				line-height: 22px;
 				text-align: left;
+				color: var(--paragraph-color);
 			}
 		}
 	}
diff --git a/pingcap-jp/css/scaffold/backgrounds.scss b/pingcap-jp/css/scaffold/backgrounds.scss
index c9d4f4f..02aca64 100644
--- a/pingcap-jp/css/scaffold/backgrounds.scss
+++ b/pingcap-jp/css/scaffold/backgrounds.scss
@@ -108,6 +108,10 @@
 	background-color: #0e0e0e;
 }
 
+.bg-black {
+	background-color: #0e0e0e;
+}
+
 .bg-black-dark {
 	background-color: #000;
 }
diff --git a/pingcap-jp/templates/page-ai.php b/pingcap-jp/templates/page-ai.php
index 6adcb05..2a4029c 100644
--- a/pingcap-jp/templates/page-ai.php
+++ b/pingcap-jp/templates/page-ai.php
@@ -24,7 +24,7 @@
                     <div class="wysiwyg">
                         <p>TiDB is introducing a built-in vector search to the SQL database family, enabling support for your AI applications without requiring a new database or additional technical stacks. With vectors as a new data type in MySQL, you can now store and search for vectors directly using SQL.</p>
                         <br>
-                        <div class="button-group"><a target="_blank" class="button" href="https://tidbcloud.com/free-trial/" data-gtag="event:go_to_cloud_signup,product_type:serverless,button_name:Start for Free,position:top_banner"><span class="custom-style-button">Start For Free</span></a><a target="_blank" class="button button--secondary" href="https://docs.pingcap.com/tidbcloud/vector-search-overview"><span class="pr-1 underline">Documentation</span></a></div>
+                        <div class="button-group"><a target="_blank" class="button" href="https://tidbcloud.com/free-trial/" data-gtag="event:go_to_cloud_signup,product_type:serverless,button_name:Start for Free,position:top_banner"><span class="custom-style-button">Start For Free</span></a><a target="_blank" class="button--secondary" href="https://docs.pingcap.com/tidbcloud/vector-search-overview"><span class="pr-1 underline">Documentation</span></a></div>
                     </div>
                 </div>
             </div>
@@ -35,7 +35,7 @@
     </div>
     <section data-block-index="1" class="bg-black-dark block-container block-icon-grid block-index-1" aria-label="Icon Grid">
         <div class="block-inner contain">
-            <div class="block-icon-grid__item-container block-icon-grid__item-container--center" data-column-count="3">
+            <div class="block-icon-grid__item-container" data-column-count="3">
                 <div class="block-icon-grid__item wysiwyg">
                     <?php SVG::the_svg('ai/mysql-icon', ['no_use' => true]); ?>
                     <h4>MySQL & Vector All in One </h4>