💄 Optimize skeleton effect

lib/widgets/post/post_item_skeleton.dart

@@ -26,28 +26,38 @@ class PostItemSkeleton extends StatelessWidget {
     final renderingPadding =
         padding ?? const EdgeInsets.symmetric(horizontal: 8, vertical: 8);
 
-    return Column(
-      mainAxisSize: MainAxisSize.min,
-      crossAxisAlignment: CrossAxisAlignment.start,
-      children: [
-        Gap(renderingPadding.vertical),
-        _PostHeaderSkeleton(
-          isFullPost: isFullPost,
-          isCompact: isCompact,
-          renderingPadding: renderingPadding,
+    return Center(
+      child: ConstrainedBox(
+        constraints: BoxConstraints(maxWidth: 640),
+        child: Card(
+          margin: EdgeInsets.only(bottom: 8),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Gap(renderingPadding.vertical),
+              _PostHeaderSkeleton(
+                isFullPost: isFullPost,
+                isCompact: isCompact,
+                renderingPadding: renderingPadding,
+              ),
+              _PostBodySkeleton(
+                isFullPost: isFullPost,
+                renderingPadding: renderingPadding,
+              ),
+              if (isShowReference)
+                _ReferencedPostWidgetSkeleton(
+                  renderingPadding: renderingPadding,
+                ),
+              if (isEmbedReply)
+                _PostReplyPreviewSkeleton(
+                  renderingPadding: renderingPadding,
+                ).padding(horizontal: renderingPadding.horizontal, top: 8),
+              Gap(renderingPadding.vertical),
+            ],
+          ),
         ),
-        _PostBodySkeleton(
-          isFullPost: isFullPost,
-          renderingPadding: renderingPadding,
-        ),
-        if (isShowReference)
-          _ReferencedPostWidgetSkeleton(renderingPadding: renderingPadding),
-        if (isEmbedReply)
-          _PostReplyPreviewSkeleton(
-            renderingPadding: renderingPadding,
-          ).padding(horizontal: renderingPadding.horizontal, top: 8),
-        Gap(renderingPadding.vertical),
-      ],
+      ),
     );
   }
 }

lib/widgets/post/post_replies.dart

@@ -5,6 +5,7 @@ import 'package:island/pods/network.dart';
 import 'package:island/pods/paging.dart';
 import 'package:island/widgets/paging/pagination_list.dart';
 import 'package:island/widgets/post/post_item.dart';
+import 'package:island/widgets/post/post_item_skeleton.dart';
 
 final postRepliesProvider = AsyncNotifierProvider.autoDispose.family(
   PostRepliesNotifier.new,
@@ -52,6 +53,7 @@ class PostRepliesList extends HookConsumerWidget {
       notifier: provider.notifier,
       isRefreshable: false,
       isSliver: true,
+      footerSkeletonChild: const PostItemSkeleton(),
       itemBuilder: (context, index, item) {
         final contentWidget = Card(
           margin: EdgeInsets.symmetric(horizontal: 8, vertical: 4),