Compare commits
1 Commits
0691e3d338
...
00d313daa1
| Author | SHA1 | Date | |
|---|---|---|---|
| 00d313daa1 |
@@ -903,6 +903,13 @@ button:disabled {
|
|||||||
gap: 0.75rem;
|
gap: 0.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.player-toggles {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.375rem;
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
|
||||||
.vinyl-toggle-btn {
|
.vinyl-toggle-btn {
|
||||||
width: 28px;
|
width: 28px;
|
||||||
height: 28px;
|
height: 28px;
|
||||||
@@ -916,7 +923,6 @@ button:disabled {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
transition: all 0.2s;
|
transition: all 0.2s;
|
||||||
margin-left: auto;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.vinyl-toggle-btn:hover {
|
.vinyl-toggle-btn:hover {
|
||||||
|
|||||||
@@ -187,6 +187,7 @@
|
|||||||
|
|
||||||
<div class="source-info">
|
<div class="source-info">
|
||||||
<span data-i18n="player.source">Source:</span> <span id="source" data-i18n="player.unknown_source">Unknown</span>
|
<span data-i18n="player.source">Source:</span> <span id="source" data-i18n="player.unknown_source">Unknown</span>
|
||||||
|
<div class="player-toggles">
|
||||||
<button class="vinyl-toggle-btn" onclick="toggleVinylMode()" id="vinylToggle" data-i18n-title="player.vinyl" title="Vinyl mode">
|
<button class="vinyl-toggle-btn" onclick="toggleVinylMode()" id="vinylToggle" data-i18n-title="player.vinyl" title="Vinyl mode">
|
||||||
<svg viewBox="0 0 24 24" width="16" height="16"><circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="1.5"/><circle cx="12" cy="12" r="3" fill="currentColor"/><circle cx="12" cy="12" r="6.5" fill="none" stroke="currentColor" stroke-width="0.5" opacity="0.5"/></svg>
|
<svg viewBox="0 0 24 24" width="16" height="16"><circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="1.5"/><circle cx="12" cy="12" r="3" fill="currentColor"/><circle cx="12" cy="12" r="6.5" fill="none" stroke="currentColor" stroke-width="0.5" opacity="0.5"/></svg>
|
||||||
</button>
|
</button>
|
||||||
@@ -197,6 +198,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- Media Browser Section -->
|
<!-- Media Browser Section -->
|
||||||
<div class="browser-container" data-tab-content="browser" role="tabpanel" id="panel-browser">
|
<div class="browser-container" data-tab-content="browser" role="tabpanel" id="panel-browser">
|
||||||
|
|||||||
@@ -286,6 +286,8 @@
|
|||||||
window.addEventListener('beforeunload', saveVinylAngle);
|
window.addEventListener('beforeunload', saveVinylAngle);
|
||||||
|
|
||||||
function toggleVinylMode() {
|
function toggleVinylMode() {
|
||||||
|
// Save current angle before turning off (must happen while still in vinyl mode)
|
||||||
|
if (vinylMode) saveVinylAngle();
|
||||||
vinylMode = !vinylMode;
|
vinylMode = !vinylMode;
|
||||||
localStorage.setItem('vinylMode', vinylMode);
|
localStorage.setItem('vinylMode', vinylMode);
|
||||||
applyVinylMode();
|
applyVinylMode();
|
||||||
|
|||||||
Reference in New Issue
Block a user