Try to improve the UI layout

tecdrop · Oct 18, 2024 · 8c620b0 · 8c620b0
1 parent 315ca27
commit 8c620b0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/lib/screens/home_screen.dart b/lib/screens/home_screen.dart
@@ -19,14 +19,17 @@ class _HomeScreenState extends State<HomeScreen> {
 
   @override
   Widget build(BuildContext context) {
+    // Calculate horizontal padding based on the screen width.
+    final double horizontalPadding = MediaQuery.of(context).size.width * 0.15;
+
     return Scaffold(
       backgroundColor: _color,
       appBar: AppBar(
         backgroundColor: Colors.transparent,
       ),
       body: Center(
         child: Padding(
-          padding: const EdgeInsets.only(left: 32, right: 48),
+          padding: EdgeInsets.only(left: horizontalPadding - 16, right: horizontalPadding),
           child: RGBSliders(
             initialColor: _color,
             onColorChanged: (Color color) {

diff --git a/lib/widgets/rgb_sliders_screen.dart b/lib/widgets/rgb_sliders_screen.dart
@@ -156,6 +156,7 @@ class _RGBSlider extends StatelessWidget {
       value: value.toDouble(),
       min: 0,
       max: 255,
+      divisions: 255,
       activeColor: foregroundColor,
       inactiveColor: foregroundColor,
       thumbColor: rgbColor,
@@ -209,7 +210,7 @@ class _RGBTextField extends StatelessWidget {
     );
 
     return Padding(
-      padding: const EdgeInsets.symmetric(vertical: 16.0),
+      padding: const EdgeInsets.symmetric(vertical: 24.0),
       child: TextField(
         controller: controller,
         decoration: InputDecoration(