💄 Optimized loading style

lib/screens/dashboard/dash.dart

@@ -30,7 +30,10 @@ class DashboardScreen extends HookConsumerWidget {
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
-    return AppScaffold(body: Center(child: DashboardGrid()));
+    return AppScaffold(
+      isNoBackground: false,
+      body: Center(child: DashboardGrid()),
+    );
   }
 }
 

lib/widgets/alert.dart

@@ -96,24 +96,24 @@ void showLoadingModal(BuildContext context) {
   if (_loadingOverlay != null) return;
 
   _loadingOverlay = OverlayEntry(
-    builder:
+    builder: (context) => _FadeOverlay(
-        (context) => _FadeOverlay(
       key: _loadingOverlayKey,
       child: Material(
         color: Colors.black54,
         child: Center(
-              child: Material(
+          child: AlertDialog(
-                color: Theme.of(context).colorScheme.surface,
+            content: Row(
-                borderRadius: BorderRadius.circular(8),
-                elevation: 4,
-                child: Column(
               mainAxisSize: MainAxisSize.min,
               children: [
-                    CircularProgressIndicator(year2023: false),
+                CircularProgressIndicator(
-                    const Gap(24),
+                  year2023: false,
+                  padding: EdgeInsets.zero,
+                ).width(28).height(28).padding(horizontal: 8),
+                const Gap(16),
                 Text('loading'.tr()),
               ],
-                ).padding(all: 32),
+            ),
+            contentPadding: EdgeInsets.symmetric(horizontal: 32, vertical: 24),
           ),
         ),
       ),
@@ -187,8 +187,7 @@ Future<T?> showOverlayDialog<T>({
   }
 
   entry = OverlayEntry(
-    builder:
+    builder: (context) => _FadeOverlay(
-        (context) => _FadeOverlay(
       key: key,
       duration: const Duration(milliseconds: 150),
       curve: Curves.easeOut,
@@ -252,8 +251,7 @@ void showErrorAlert(dynamic err, {IconData? icon}) {
   };
 
   showOverlayDialog<void>(
-    builder:
+    builder: (context, close) => ConstrainedBox(
-        (context, close) => ConstrainedBox(
       constraints: const BoxConstraints(maxWidth: kDialogMaxWidth),
       child: AlertDialog(
         title: null,
@@ -291,8 +289,7 @@ void showErrorAlert(dynamic err, {IconData? icon}) {
 
 void showInfoAlert(String message, String title, {IconData? icon}) {
   showOverlayDialog<void>(
-    builder:
+    builder: (context, close) => ConstrainedBox(
-        (context, close) => ConstrainedBox(
       constraints: const BoxConstraints(maxWidth: kDialogMaxWidth),
       child: AlertDialog(
         title: null,
@@ -333,8 +330,7 @@ Future<bool> showConfirmAlert(
   bool isDanger = false,
 }) async {
   final result = await showOverlayDialog<bool>(
-    builder:
+    builder: (context, close) => ConstrainedBox(
-        (context, close) => ConstrainedBox(
       constraints: const BoxConstraints(maxWidth: kDialogMaxWidth),
       child: AlertDialog(
         title: null,
@@ -360,14 +356,11 @@ Future<bool> showConfirmAlert(
         actions: [
           TextButton(
             onPressed: () => close(false),
-                child: Text(
+            child: Text(MaterialLocalizations.of(context).cancelButtonLabel),
-                  MaterialLocalizations.of(context).cancelButtonLabel,
-                ),
           ),
           TextButton(
             onPressed: () => close(true),
-                style:
+            style: isDanger
-                    isDanger
                 ? TextButton.styleFrom(
                     foregroundColor: Theme.of(context).colorScheme.error,
                   )