fix bg color / padding of sidebar panel

This commit is contained in:
jeffvli
2025-12-15 01:12:11 -08:00
parent bc898d6097
commit b2941b67d6
3 changed files with 17 additions and 4 deletions
@@ -13,8 +13,10 @@
flex-direction: column;
min-height: 200px;
max-height: 400px;
padding: var(--theme-spacing-md);
overflow: hidden;
background: var(--theme-colors-background);
background-color: var(--theme-colors-background-alternate);
}
.lyrics-section :global(.synchronized-lyrics) {
@@ -43,6 +45,8 @@
flex-direction: column;
min-height: 200px;
max-height: 400px;
padding: var(--theme-spacing-md);
overflow: hidden;
background: var(--theme-colors-background);
background-color: var(--theme-colors-background-alternate);
}
@@ -93,7 +93,7 @@ const BottomPanel = () => {
<Divider />
{showLyricsInSidebar ? (
<div className={styles.lyricsSection}>
<Lyrics />
<Lyrics fadeOutNoLyricsMessage={showVisualizer} />
{showVisualizer && (
<div
className={styles.visualizerOverlay}