From df14b8b5f7137f8c7724bebfd36b9eb70a430646 Mon Sep 17 00:00:00 2001
From: ThyeeZz <jialian.ji@zilliz.com>
Date: Fri, 16 Aug 2024 11:21:01 +0800
Subject: [PATCH] fix code style on docs

---
 src/components/layout/docLayout/index.tsx | 2 +-
 src/styles/docsStyle.less                 | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/layout/docLayout/index.tsx b/src/components/layout/docLayout/index.tsx
index e203ebf16..cd5c11d3c 100644
--- a/src/components/layout/docLayout/index.tsx
+++ b/src/components/layout/docLayout/index.tsx
@@ -6,7 +6,7 @@ import FlexibleSectionContainer from '../../flexibleSection';
 import Header from '../../header';
 import Footer from '../../footer';
 import InkeepChatButtonContainer from '@/components/inkeep/InkeepChatButton';
-import 'highlight.js/styles/github.css';
+import 'highlight.js/styles/atom-one-light.css';
 
 const MENU_MINIMUM_WIDTH = 22;
 const MENU_MAXIMUM_WIDTH = 283;
diff --git a/src/styles/docsStyle.less b/src/styles/docsStyle.less
index 40fa1e78d..e84180a5b 100644
--- a/src/styles/docsStyle.less
+++ b/src/styles/docsStyle.less
@@ -172,7 +172,13 @@
     margin: 24px 0;
     position: relative;
     padding-right: 42px;
-    &:has(.active) {
+    border: 1px solid @color-grey-04;
+
+    &:has(code[class*='language-']) {
+      border: none;
+    }
+
+    &:has(code[class*='active']) {
       border: 1px solid @color-grey-04;
     }
 
@@ -186,7 +192,6 @@
       padding: 12px;
       background-color: transparent;
       font-weight: 400;
-      margin: 12px 0;
       width: 100%;
       overflow-x: auto;