fix: lyrics page blur in player and cut off text when line too big

This commit is contained in:
Kingkor Roy Tirtho 2023-06-28 16:50:05 +06:00
parent b041887402
commit 6b4584e91b
2 changed files with 12 additions and 13 deletions

View File

@ -64,6 +64,8 @@ class LyricsPage extends HookConsumerWidget {
return DefaultTabController( return DefaultTabController(
length: 2, length: 2,
child: SafeArea( child: SafeArea(
child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 15, sigmaY: 15),
child: Container( child: Container(
clipBehavior: Clip.hardEdge, clipBehavior: Clip.hardEdge,
decoration: BoxDecoration( decoration: BoxDecoration(
@ -73,8 +75,6 @@ class LyricsPage extends HookConsumerWidget {
topRight: Radius.circular(10), topRight: Radius.circular(10),
), ),
), ),
child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 15, sigmaY: 15),
child: Column( child: Column(
children: [ children: [
const SizedBox(height: 5), const SizedBox(height: 5),

View File

@ -134,14 +134,13 @@ class SyncedLyrics extends HookConsumerWidget {
? Colors.white ? Colors.white
: palette.bodyTextColor, : palette.bodyTextColor,
fontWeight: isActive fontWeight: isActive
? FontWeight.bold ? FontWeight.w500
: FontWeight.normal, : FontWeight.normal,
fontSize: (isActive ? 30 : 26) * fontSize: (isActive ? 28 : 26) *
(textZoomLevel.value / 100), (textZoomLevel.value / 100),
), ),
child: Text( child: Text(
lyricSlice.text, lyricSlice.text,
maxLines: 2,
textAlign: TextAlign.center, textAlign: TextAlign.center,
), ),
), ),