From b996a5122ced25fcf82e0b48bc9adc467b993f2c Mon Sep 17 00:00:00 2001
From: ngfchl <ngfchl@126.comn>
Date: Sun, 19 Jul 2026 14:12:41 +0800
Subject: [PATCH] simplify cloud restore dialog layout

---
 lib/pages/media_library_page.dart | 94 ++++++++++++++-----------------
 1 file changed, 43 insertions(+), 51 deletions(-)

diff --git a/lib/pages/media_library_page.dart b/lib/pages/media_library_page.dart
index 454011e..ddef243 100644
--- a/lib/pages/media_library_page.dart
+++ b/lib/pages/media_library_page.dart
@@ -1268,7 +1268,6 @@ class _MediaLibraryPageState extends ConsumerState<MediaLibraryPage> {
       builder: (dialogContext) => ShadDialog(
         title: const Text('从云盘恢复刮削数据'),
         description: const Text('选择一个 SQLite 备份，恢复会合并到当前本地媒体库。'),
-        scrollable: false,
         actions: [
           ShadButton.outline(
             onPressed: () => Navigator.of(dialogContext).pop(),
@@ -1279,20 +1278,15 @@ class _MediaLibraryPageState extends ConsumerState<MediaLibraryPage> {
           width: (MediaQuery.sizeOf(dialogContext).width - 32)
               .clamp(280.0, 620.0)
               .toDouble(),
-          height: (MediaQuery.sizeOf(dialogContext).height - 260)
-              .clamp(240.0, 360.0)
-              .toDouble(),
-          child: SingleChildScrollView(
-            child: Column(
-              crossAxisAlignment: CrossAxisAlignment.stretch,
-              children: [
-                for (var index = 0; index < backups.length; index++) ...[
-                  _cloudBackupRestoreRow(dialogContext, backup: backups[index]),
-                  if (index < backups.length - 1)
-                    const ShadSeparator.horizontal(),
-                ],
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              for (var index = 0; index < backups.length; index++) ...[
+                _cloudBackupRestoreRow(dialogContext, backup: backups[index]),
+                if (index < backups.length - 1)
+                  const ShadSeparator.horizontal(),
               ],
-            ),
+            ],
           ),
         ),
       ),
@@ -1311,45 +1305,43 @@ class _MediaLibraryPageState extends ConsumerState<MediaLibraryPage> {
     required CloudFile backup,
   }) {
     final cs = ShadTheme.of(context).colorScheme;
-    return LayoutBuilder(
-      builder: (context, constraints) => ShadButton.ghost(
-        width: constraints.maxWidth,
-        expands: false,
-        padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 9),
-        onPressed: () => Navigator.of(context).pop(backup),
-        child: Row(
-          children: [
-            Icon(Icons.storage_rounded, size: 18, color: cs.mutedForeground),
-            const SizedBox(width: 10),
-            Expanded(
-              child: Column(
-                mainAxisSize: MainAxisSize.min,
-                crossAxisAlignment: CrossAxisAlignment.start,
-                children: [
-                  Text(
-                    backup.name,
-                    maxLines: 1,
-                    overflow: TextOverflow.ellipsis,
-                    style: TextStyle(
-                      fontSize: 13,
-                      fontWeight: FontWeight.w600,
-                      color: cs.foreground,
-                    ),
-                  ),
-                  const SizedBox(height: 3),
-                  Text(
-                    '${backup.formattedSize} · ${backup.modifiedAt}',
-                    maxLines: 1,
-                    overflow: TextOverflow.ellipsis,
-                    style: TextStyle(fontSize: 11, color: cs.mutedForeground),
-                  ),
-                ],
-              ),
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.stretch,
+      children: [
+        ShadButton.ghost(
+          expands: false,
+          padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 8),
+          leading: Icon(
+            Icons.storage_rounded,
+            size: 18,
+            color: cs.mutedForeground,
+          ),
+          trailing: Icon(
+            Icons.chevron_right_rounded,
+            color: cs.mutedForeground,
+          ),
+          onPressed: () => Navigator.of(context).pop(backup),
+          child: Text(
+            backup.name,
+            maxLines: 1,
+            overflow: TextOverflow.ellipsis,
+            style: TextStyle(
+              fontSize: 13,
+              fontWeight: FontWeight.w600,
+              color: cs.foreground,
             ),
-            Icon(Icons.chevron_right_rounded, color: cs.mutedForeground),
-          ],
+          ),
         ),
-      ),
+        Padding(
+          padding: const EdgeInsets.fromLTRB(38, 0, 10, 8),
+          child: Text(
+            '${backup.formattedSize} · ${backup.modifiedAt}',
+            maxLines: 1,
+            overflow: TextOverflow.ellipsis,
+            style: TextStyle(fontSize: 11, color: cs.mutedForeground),
+          ),
+        ),
+      ],
     );
   }