fix: setting modal vertical padding

sukinosuki · Sep 9, 2024 · 71bfd38 · 71bfd38
1 parent af6af06
commit 71bfd38
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 15 deletions.
diff --git a/lib/components/ModalBottomSheetWrap.dart b/lib/components/ModalBottomSheetWrap.dart
@@ -20,11 +20,15 @@ class ModalBottomSheetWrap extends StatelessWidget {
         borderRadius: const BorderRadius.all(Radius.circular(24)),
         child: ColoredBox(
           color: Theme.of(context).colorScheme.onPrimary,
-          child: SingleChildScrollView(
-            child: Column(
-              children: [
-                child,
-              ],
+
+          child: Container(
+            padding: EdgeInsets.symmetric(vertical: 20),
+            child: SingleChildScrollView(
+              child: Column(
+                children: [
+                  child,
+                ],
+              ),
             ),
           ),
         ),

diff --git a/lib/components/SettingModalView.dart b/lib/components/SettingModalView.dart
@@ -52,17 +52,12 @@ class _SettingModalViewState extends State<SettingModalView> {
   Widget build(BuildContext context) {
     return ModalBottomSheetWrap(
       child: Container(
-        // height: 400,
-        padding: const EdgeInsets.only(top: 20),
         child: SingleChildScrollView(
           child: Column(
             crossAxisAlignment: CrossAxisAlignment.start,
             children: [
-              const SizedBox(
-                height: 28,
-              ),
               const Padding(
-                padding: EdgeInsets.symmetric(horizontal: 12),
+                padding: EdgeInsets.symmetric(horizontal: 12, vertical: 20),
                 child: Text(
                   'Setting',
                   style: TextStyle(fontSize: 24),
@@ -168,7 +163,7 @@ class _SettingModalViewState extends State<SettingModalView> {
                 ),
               ),
               const Padding(
-                padding: EdgeInsets.symmetric(vertical: 12, horizontal: 12),
+                padding: EdgeInsets.symmetric(vertical: 20, horizontal: 12),
                 child: Text(
                   'About',
                   style: TextStyle(fontSize: 24),

diff --git a/lib/components/ThemeColorSelectorPanelModalView.dart b/lib/components/ThemeColorSelectorPanelModalView.dart
@@ -11,14 +11,13 @@ class ThemeColorSelectorPanelModalView extends StatefulWidget {
 }
 
 class _ThemeColorSelectorPanelModalViewState extends State<ThemeColorSelectorPanelModalView> {
-  var _index = 0;
-  var appStore = Get.put(AppStore());
+  AppStore appStore = Get.put(AppStore());
 
   @override
   Widget build(BuildContext context) {
     return ModalBottomSheetWrap(
       child: Container(
-        padding: EdgeInsets.all(20),
+        padding: const EdgeInsets.symmetric(horizontal: 20),
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [