From 3e5ecada8ec48e9833a59e24b79cd4d7cc8dcd78 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Mon, 8 Jan 2024 00:51:14 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E8=B0=83=E6=95=B4=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E5=AE=B9=E5=99=A8=E4=B8=AD=E4=BB=A3=E7=A0=81=E5=9D=97=E5=9C=A8?=
 =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E8=AE=BE=E5=A4=87=20UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 theme/src/client/styles/code.scss       | 12 ------------
 theme/src/client/styles/md-enhance.scss | 19 +++++++++++++++++--
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/theme/src/client/styles/code.scss b/theme/src/client/styles/code.scss
index 43e0fcab..d67795bb 100644
--- a/theme/src/client/styles/code.scss
+++ b/theme/src/client/styles/code.scss
@@ -203,10 +203,6 @@ div[class*="language-"] {
   opacity: 1;
 }
 
-.code-tabs-nav {
-  margin-bottom: 0;
-}
-
 // narrow mobile
 @media (max-width: 419px) {
   .plume-content {
@@ -214,13 +210,5 @@ div[class*="language-"] {
       margin: 0.85rem -1.5rem;
       border-radius: 0;
     }
-
-    .hint-container div[class*="language-"] {
-      margin: 0.85rem -1rem 0.85rem -1.25rem;
-    }
-  }
-
-  .plume-content .vp-code-tabs-nav {
-    margin: 0 -1.5rem -0.85rem;
   }
 }
diff --git a/theme/src/client/styles/md-enhance.scss b/theme/src/client/styles/md-enhance.scss
index e02a57c8..2dbde338 100644
--- a/theme/src/client/styles/md-enhance.scss
+++ b/theme/src/client/styles/md-enhance.scss
@@ -1,3 +1,4 @@
+/* stylelint-disable order/order */
 /* stylelint-disable no-descending-specificity */
 
 /* ------------------ Markdown Enhance: Hint Container  ------------------ */
@@ -38,6 +39,12 @@
       background-color: transparent;
     }
 
+    @media (max-width: 419px) {
+      div[class*="language-"] {
+        margin: 0.85rem -0.75rem 0.85rem -1rem;
+      }
+    }
+
     &.note {
       color: var(--vp-c-text-3);
       border-radius: 0;
@@ -129,9 +136,19 @@
 
 /* ------------------ Markdown Enhance: Code Tabs ----------------------- */
 .plume-content {
+  .code-tabs-nav {
+    margin-bottom: 0;
+  }
+
   .vp-code-tabs-nav {
     margin: 0.85rem 0 0;
   }
+
+  @media (max-width: 419px) {
+    .vp-code-tabs-nav {
+      margin: 0 -1.5rem -0.85rem;
+    }
+  }
 }
 
 /* --------------------  Markdown Enhance: Code Demo  -------------------- */
@@ -200,7 +217,6 @@
     }
   }
 
-  /* stylelint-disable-next-line order/order */
   @media (max-width: 419px) {
     .vp-code-demo {
       margin: 8px -12px;
@@ -258,7 +274,6 @@
     border: 1px solid var(--vp-c-divider);
   }
 
-  /* stylelint-disable-next-line order/order */
   @media (min-width: 419px) {
     .vp-tabs {
       margin: 1.5rem 0;