From 05d55e5035b6f71eca6ef680f68391087960b959 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Fri, 14 Nov 2025 17:12:45 +0800
Subject: [PATCH] fix(theme): fix table max-width overflow

---
 .../src/client/components/VPTable.vue                | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/plugins/plugin-md-power/src/client/components/VPTable.vue b/plugins/plugin-md-power/src/client/components/VPTable.vue
index 06836bb7..eaddb793 100644
--- a/plugins/plugin-md-power/src/client/components/VPTable.vue
+++ b/plugins/plugin-md-power/src/client/components/VPTable.vue
@@ -58,7 +58,7 @@ function onCopy(type: 'html' | 'md') {
             <span>Markdown</span>
           </button>
         </div>
-        <div ref="table" :class="{ 'max-content': maxContent }">
+        <div ref="table" class="table-inner" :class="{ 'max-content': maxContent }">
           <slot />
         </div>
       </div>
@@ -98,6 +98,11 @@ function onCopy(type: 'html' | 'md') {
   margin: 0 auto;
 }
 
+.vp-table .table-content .table-inner {
+  max-width: 100%;
+  overflow-x: auto;
+}
+
 .vp-table .table-title {
   margin: 8px auto;
   font-weight: 500;
@@ -137,11 +142,6 @@ function onCopy(type: 'html' | 'md') {
   --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m9 20.42l-6.21-6.21l2.83-2.83L9 14.77l9.88-9.89l2.83 2.83z'/%3E%3C/svg%3E");
 }
 
-.vp-table .table-content .max-content {
-  max-width: 100%;
-  overflow-x: auto;
-}
-
 .vp-table .table-content .max-content table {
   width: max-content;
 }