yuany3721/vuepress-theme-plume
1
0
Fork 0
forked from gitea-yuany3721/vuepress-theme-plume
Code Pull Requests Activity

fix(theme): fix table max-width overflow

Browse Source
This commit is contained in:
pengzhanbo 2025-11-14 17:12:45 +08:00
parent f95e7c8412
commit 05d55e5035
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
plugins/plugin-md-power/src/client/components/VPTable.vue
View File

@ -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;
}