Add transparency/opacity for queue sidebar (#231)

* add opacity

* add background for song metadata

* Add padding and border radius to opacity elements

* Remove font-weight transition on active lyrics (#233)

---------

Co-authored-by: jeffvli <jeffvictorli@gmail.com>
This commit is contained in:
Kendall Garner 2023-09-10 22:03:46 +00:00 committed by GitHub
parent 0ae53b023c
commit c8397bb5ef
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 47 additions and 8 deletions

View file

@ -7,6 +7,7 @@ interface FullScreenPlayerState {
activeTab: string | 'queue' | 'related' | 'lyrics';
dynamicBackground?: boolean;
expanded: boolean;
opacity: number;
useImageAspectRatio: boolean;
}
@ -28,6 +29,7 @@ export const useFullScreenPlayerStore = create<FullScreenPlayerSlice>()(
activeTab: 'queue',
dynamicBackground: true,
expanded: false,
opacity: 60,
useImageAspectRatio: false,
})),
{ name: 'store_full_screen_player' },