Change icon sizes for tablets

a-mabe · Dec 21, 2024 · c4a073a · c4a073a
1 parent b6ee7d5
commit c4a073a
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 16 deletions.
diff --git a/lib/pages/active_timer/widgets/control_bar.dart b/lib/pages/active_timer/widgets/control_bar.dart
@@ -64,37 +64,40 @@ class ControlBarState extends State<ControlBar> {
             children: [
               IconButton(
                 icon: Icon(
-                  size: 35,
+                  size: MediaQuery.of(context).size.width > 600 ? 50 : 35,
                   widget.changeVolume ? Icons.close : Icons.volume_up,
                   color: Colors.white,
                 ),
                 onPressed: widget.onAdjustVolume,
               ),
               IconButton(
                 tooltip: 'Skip Previous',
-                icon: const Icon(Icons.skip_previous,
-                    size: 35, color: Colors.white),
+                icon: Icon(Icons.skip_previous,
+                    size: MediaQuery.of(context).size.width > 600 ? 45 : 30,
+                    color: Colors.white),
                 onPressed: widget.onSkipPrevious,
               ),
               IconButton(
                 tooltip: 'Pause',
                 icon: Icon(
-                  size: 55,
+                  size: MediaQuery.of(context).size.width > 600 ? 65 : 55,
                   widget.paused ? Icons.play_arrow : Icons.pause,
                   color: Colors.white,
                 ),
                 onPressed: widget.onTogglePlayPause,
               ),
               IconButton(
                 tooltip: 'Skip Next',
-                icon:
-                    const Icon(Icons.skip_next, size: 30, color: Colors.white),
+                icon: Icon(Icons.skip_next,
+                    size: MediaQuery.of(context).size.width > 600 ? 45 : 30,
+                    color: Colors.white),
                 onPressed: widget.onSkipNext,
               ),
               IconButton(
                 tooltip: 'Restart',
-                icon: const Icon(Icons.restart_alt,
-                    size: 35, color: Colors.white),
+                icon: Icon(Icons.restart_alt,
+                    size: MediaQuery.of(context).size.width > 600 ? 50 : 35,
+                    color: Colors.white),
                 onPressed: () {
                   logger.d('Restarting timer');
                   widget.onRestart();

diff --git a/lib/pages/active_timer/widgets/landscape_control_bar.dart b/lib/pages/active_timer/widgets/landscape_control_bar.dart
@@ -64,37 +64,40 @@ class LandscapeControlBarState extends State<LandscapeControlBar> {
             children: [
               IconButton(
                 icon: Icon(
-                  size: 30,
+                  size: MediaQuery.of(context).size.width > 600 ? 50 : 35,
                   widget.changeVolume ? Icons.close : Icons.volume_up,
                   color: Colors.white,
                 ),
                 onPressed: widget.onAdjustVolume,
               ),
               IconButton(
                 tooltip: 'Skip Previous',
-                icon: const Icon(Icons.skip_previous,
-                    size: 30, color: Colors.white),
+                icon: Icon(Icons.skip_previous,
+                    size: MediaQuery.of(context).size.width > 600 ? 45 : 30,
+                    color: Colors.white),
                 onPressed: widget.onSkipPrevious,
               ),
               IconButton(
                 tooltip: 'Pause',
                 icon: Icon(
-                  size: 40,
+                  size: MediaQuery.of(context).size.width > 600 ? 60 : 45,
                   widget.paused ? Icons.play_arrow : Icons.pause,
                   color: Colors.white,
                 ),
                 onPressed: widget.onTogglePlayPause,
               ),
               IconButton(
                 tooltip: 'Skip Next',
-                icon:
-                    const Icon(Icons.skip_next, size: 30, color: Colors.white),
+                icon: Icon(Icons.skip_next,
+                    size: MediaQuery.of(context).size.width > 600 ? 45 : 30,
+                    color: Colors.white),
                 onPressed: widget.onSkipNext,
               ),
               IconButton(
                 tooltip: 'Restart',
-                icon: const Icon(Icons.restart_alt,
-                    size: 30, color: Colors.white),
+                icon: Icon(Icons.restart_alt,
+                    size: MediaQuery.of(context).size.width > 600 ? 50 : 35,
+                    color: Colors.white),
                 onPressed: () {
                   logger.d('Restarting timer');
                   widget.onRestart();