统一底部导航按钮样式
This commit is contained in:
parent
2017eae550
commit
dc632e00e6
@ -161,7 +161,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.nav-btn {
|
.nav-btn {
|
||||||
padding: 12px 24px;
|
padding: 12px 20px;
|
||||||
background: var(--btn-bg);
|
background: var(--btn-bg);
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
@ -171,11 +171,26 @@
|
|||||||
font-family: 'Noto Sans SC', sans-serif;
|
font-family: 'Noto Sans SC', sans-serif;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
text-align: center;
|
||||||
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-btn:hover { background: var(--btn-hover); transform: translateY(-2px); }
|
.nav-btn:hover { background: var(--btn-hover); transform: translateY(-2px); }
|
||||||
.nav-btn.disabled { opacity: 0.3; cursor: not-allowed; pointer-events: none; }
|
.nav-btn.disabled { opacity: 0.3; cursor: not-allowed; pointer-events: none; }
|
||||||
|
|
||||||
|
.fixed-nav-content {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fixed-nav-content .nav-btn {
|
||||||
|
flex: 1;
|
||||||
|
max-width: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
/* 右侧滚动按钮 */
|
/* 右侧滚动按钮 */
|
||||||
.scroll-buttons {
|
.scroll-buttons {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
@ -297,22 +312,7 @@
|
|||||||
.toc-item:hover { color: #667eea; }
|
.toc-item:hover { color: #667eea; }
|
||||||
.toc-item.current { color: #667eea; font-weight: 600; }
|
.toc-item.current { color: #667eea; font-weight: 600; }
|
||||||
|
|
||||||
/* 目录按钮样式与nav-btn统一 */
|
.nav-btn.active-tts {
|
||||||
#tocBtn {
|
|
||||||
padding: 12px 24px;
|
|
||||||
background: var(--btn-bg);
|
|
||||||
border: 1px solid var(--border-color);
|
|
||||||
border-radius: 8px;
|
|
||||||
color: var(--text-primary);
|
|
||||||
font-family: 'Noto Sans SC', sans-serif;
|
|
||||||
font-size: 14px;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
#tocBtn:hover { background: var(--btn-hover); transform: translateY(-2px); }
|
|
||||||
|
|
||||||
/* TTS弹出面板 */
|
|
||||||
.tts-modal {
|
.tts-modal {
|
||||||
display: none;
|
display: none;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user