Align TTS header toggles

This commit is contained in:
henrryyes
2026-01-18 23:20:04 +08:00
parent a345ea0504
commit 3ad32da21a

View File

@@ -130,7 +130,7 @@ body {
display: flex;
align-items: center;
gap: 4px;
padding: 4px 10px;
padding: 4px 8px;
background: var(--bg-input);
border: 1px solid var(--border);
border-radius: 12px;
@@ -151,11 +151,7 @@ body {
height: 14px;
accent-color: var(--accent);
cursor: pointer;
}
@media (max-width: 768px) {
.header-toggle span { display: none; }
.header-toggle { padding: 6px 8px; }
margin: 0;
}
.header-badge {
@@ -1242,6 +1238,7 @@ select.input { cursor: pointer; }
<div id="badge_trial" class="header-badge active"><i class="fa-solid fa-circle"></i><span>试用</span></div>
<div id="badge_auth" class="header-badge"><i class="fa-solid fa-circle"></i><span>鉴权</span></div>
</div>
<div class="header-spacer"></div>
<div class="header-toggles">
<label class="header-toggle" title="消息楼层内显示播放器">
<input type="checkbox" id="showFloorButton" checked>
@@ -1252,7 +1249,6 @@ select.input { cursor: pointer; }
<span>悬浮</span>
</label>
</div>
<div class="header-spacer"></div>
<button id="tts_close" class="header-close"></button>
</header>