-
-
Default shared instance is active. Override below only if needed.
-
-
-
-
-
+
@@ -376,14 +378,10 @@
Sync & Backup (Beta)
Sync your library across devices
-
-
![]()
-
-
-
+
-
+
diff --git a/js/firebase/auth.js b/js/firebase/auth.js
index f7fca2c..e13994d 100644
--- a/js/firebase/auth.js
+++ b/js/firebase/auth.js
@@ -60,8 +60,6 @@ export class AuthManager {
const connectBtn = document.getElementById('firebase-connect-btn');
const clearDataBtn = document.getElementById('firebase-clear-cloud-btn');
const statusText = document.getElementById('firebase-status');
- const userAvatar = document.getElementById('firebase-user-avatar');
- const userName = document.getElementById('firebase-user-name');
const container = document.getElementById('firebase-controls');
if (!connectBtn) return; // UI might not be rendered yet
@@ -74,10 +72,6 @@ export class AuthManager {
if (clearDataBtn) clearDataBtn.style.display = 'block';
if (statusText) statusText.textContent = `Signed in as ${user.email}`;
-
- // Optional: Show user info if elements exist
- if (userAvatar && user.photoURL) userAvatar.src = user.photoURL;
- if (userName) userName.textContent = user.displayName;
} else {
connectBtn.textContent = 'Connect with Google';
@@ -87,9 +81,6 @@ export class AuthManager {
if (clearDataBtn) clearDataBtn.style.display = 'none';
if (statusText) statusText.textContent = 'Sync your library across devices';
-
- if (userAvatar) userAvatar.src = ''; // Placeholder or clear
- if (userName) userName.textContent = '';
}
}
}
diff --git a/styles.css b/styles.css
index d065865..8653976 100644
--- a/styles.css
+++ b/styles.css
@@ -2769,8 +2769,22 @@ input:checked + .slider::before {
min-width: 36px;
}
+ .card:hover {
+ transform: none !important;
+ }
+
.card-like-btn {
- opacity: 1;
+ opacity: 1 !important;
+ top: -0.25em !important;
+ right: -0.25em !important;
+ transform: none !important;
+ }
+
+ .card-play-btn {
+ opacity: 1 !important;
+ bottom: -0.25em !important;
+ right: -0.25em !important;
+ transform: none !important;
}
}
@@ -2781,7 +2795,7 @@ input:checked + .slider::before {
.main-content,
.sidebar {
- padding-top: max(1.5rem, env(safe-area-inset-top));
+ padding-top: max(var(--spacing-md), env(safe-area-inset-top));
}
}
/* Lyrics Panel */
@@ -3229,7 +3243,6 @@ img:not([src]), img[src=''] {
gap: 0.5rem;
width: 100%;
max-width: 400px;
- align-items: flex-end;
}
.custom-firebase-config {
@@ -3250,9 +3263,6 @@ img:not([src]), img[src=''] {
margin-bottom: 0.25rem;
}
-#firebase-controls {
- text-align: end;
-}
.firebase-controls-container {
display: flex;
gap: 0.5rem;