Align TTS header toggles
This commit is contained in:
@@ -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>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user