fly316/fly316-docs
fly316/fly316-docs
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修了放大字体部分与黑白主题切换在小屏幕会和标题重合的问题

Browse Source
This commit is contained in:
fly316 2025-06-10 13:23:03 +08:00
parent 784fc26311
commit 2df17f5447
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
static/darkmode.css
View File

@ -17,7 +17,7 @@
/*更改切换按钮的位置跟紫薯统计错开*/ /*更改切换按钮的位置跟紫薯统计错开*/
button[onclick="docsifyDarkSwitcher()"] { button[onclick="docsifyDarkSwitcher()"] {
position: fixed; position: fixed;
left: 10px; right: 10px;
} }
/*更改左下角菜单按钮防止跟深色模式冲突*/ /*更改左下角菜单按钮防止跟深色模式冲突*/

10
static/fontsize.js
View File

@ -66,7 +66,7 @@ function styleInject(css, ref) {
var css = ` var css = `
.markdown-section { .markdown-section {
--font-size: 15px; --font-size: 17px;
font-size: var(--font-size); font-size: var(--font-size);
} }
@ -105,7 +105,7 @@ var css = `
button.font-size-button { button.font-size-button {
position: absolute; position: absolute;
top: 15px; top: 15px;
left: 55px; right: 55px;
padding: 6px; padding: 6px;
background: transparent; background: transparent;
cursor: pointer; cursor: pointer;
@ -116,7 +116,7 @@ button.font-size-button {
} }
button.font-size-button[onclick="adjustFontSize('decrease')"] { button.font-size-button[onclick="adjustFontSize('decrease')"] {
left: 100px; right: 100px;
} }
.docsify-dark-mode button.font-size-button { .docsify-dark-mode button.font-size-button {
@ -126,7 +126,7 @@ button.font-size-button[onclick="adjustFontSize('decrease')"] {
.font-size-display { .font-size-display {
position: absolute; position: absolute;
top: 17px; top: 17px;
left: 139px; right: 139px;
background: transparent; background: transparent;
font-size: 16px !important; font-size: 16px !important;
z-index: 1000; z-index: 1000;
@ -136,7 +136,7 @@ button.font-size-button[onclick="adjustFontSize('decrease')"] {
@media (max-width: 768px) { @media (max-width: 768px) {
.font-size-display { .font-size-display {
top: 40px; top: 40px;
left:10px; right:10px;
} }
} }