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,17 +64,17 @@ class LyricsPage extends HookConsumerWidget {
return DefaultTabController(
length: 2,
child: SafeArea(
child: Container(
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.background.withOpacity(.4),
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(10),
topRight: Radius.circular(10),
child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 15, sigmaY: 15),
child: Container(
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.background.withOpacity(.4),
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(10),
topRight: Radius.circular(10),
),
),
),
child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 15, sigmaY: 15),
child: Column(
children: [
const SizedBox(height: 5),

View File

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