gitea-yuany3721/vuepress-theme-plume
1
0
Fork 1
mirror of https://github.com/pengzhanbo/vuepress-theme-plume.git synced 2026-04-23 10:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(theme): improve code block scrollbar, close #427 (#435)

Browse Source
This commit is contained in:
pengzhanbo 2025-01-21 11:58:25 +08:00 committed by GitHub
parent 000299666d
commit 0ce2754a34
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
plugins/plugin-md-power/src/client/components/CodeTabs.vue
View File

@ -134,6 +134,8 @@ function onTabNavClick(index: number): void {
border-radius: 6px 6px 0 0;
box-shadow: inset 0 -1px var(--vp-code-tab-divider);
transition: background-color var(--vp-t-color), box-shadow var(--vp-t-color);
scrollbar-width: thin;
}
@media print {

2
theme/src/client/styles/code.css
View File

@ -13,6 +13,8 @@ html:not([data-theme="dark"]) .vp-code span {
overflow-x: auto;
background-color: var(--vp-code-block-bg);
transition: background-color var(--vp-t-color);
scrollbar-width: thin;
}
@media (min-width: 640px) {