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