diff --git a/lib/widgets/video_controls/desktop_video_controls.dart b/lib/widgets/video_controls/desktop_video_controls.dart index e60bc4e2..f4faa5cc 100644 --- a/lib/widgets/video_controls/desktop_video_controls.dart +++ b/lib/widgets/video_controls/desktop_video_controls.dart @@ -489,12 +489,17 @@ class DesktopVideoControlsState extends State { // Content strip (TV/dpad only) — replaces normal controls if (_contentStripVisible && widget.useDpadNavigation) Container( - padding: const EdgeInsets.only(left: 8, right: 8, bottom: 8), - decoration: const BoxDecoration( + padding: const EdgeInsets.only(left: 8, right: 8, bottom: 8, top: 32), + decoration: BoxDecoration( gradient: LinearGradient( begin: Alignment.topCenter, end: Alignment.bottomCenter, - colors: [Colors.transparent, Colors.black87], + colors: [ + Colors.transparent, + Colors.black.withValues(alpha: 0.65), + Colors.black.withValues(alpha: 0.7), + ], + stops: const [0.0, 0.42, 1.0], ), ), child: Column( diff --git a/lib/widgets/video_controls/mobile_video_controls.dart b/lib/widgets/video_controls/mobile_video_controls.dart index e879d4e2..99ed1f83 100644 --- a/lib/widgets/video_controls/mobile_video_controls.dart +++ b/lib/widgets/video_controls/mobile_video_controls.dart @@ -245,20 +245,35 @@ class _MobileVideoControlsState extends State ignoring: t < 0.5, child: Opacity( opacity: (t * 2).clamp(0.0, 1.0), - child: Column( - mainAxisSize: MainAxisSize.min, - children: [ - const Icon(Symbols.keyboard_arrow_down_rounded, color: Colors.white38, size: 20), - const SizedBox(height: 4), - ContentStrip( - player: widget.player, - chapters: widget.chapters, - chaptersLoaded: widget.chaptersLoaded, - serverId: widget.serverId, - showQueueTab: widget.showQueueTab, - onQueueItemSelected: widget.onQueueItemSelected, + child: Container( + padding: const EdgeInsets.only(top: 32), + decoration: BoxDecoration( + gradient: LinearGradient( + begin: Alignment.topCenter, + end: Alignment.bottomCenter, + colors: [ + Colors.transparent, + Colors.black.withValues(alpha: 0.65), + Colors.black.withValues(alpha: 0.7), + ], + stops: const [0.0, 0.42, 1.0], ), - ], + ), + child: Column( + mainAxisSize: MainAxisSize.min, + children: [ + const Icon(Symbols.keyboard_arrow_down_rounded, color: Colors.white38, size: 20), + const SizedBox(height: 4), + ContentStrip( + player: widget.player, + chapters: widget.chapters, + chaptersLoaded: widget.chaptersLoaded, + serverId: widget.serverId, + showQueueTab: widget.showQueueTab, + onQueueItemSelected: widget.onQueueItemSelected, + ), + ], + ), ), ), ),