♻️ Explore two column

lib/widgets/navigation/app_scaffold.dart

@@ -228,8 +228,15 @@ class AppRootScaffold extends StatelessWidget {
 class ResponsiveScaffold extends StatelessWidget {
   final Widget aside;
   final Widget? child;
-  const ResponsiveScaffold(
-      {super.key, required this.aside, required this.child});
+  final int asideFlex;
+  final int contentFlex;
+  const ResponsiveScaffold({
+    super.key,
+    required this.aside,
+    required this.child,
+    this.asideFlex = 1,
+    this.contentFlex = 2,
+  });
 
   @override
   Widget build(BuildContext context) {
@@ -237,15 +244,15 @@ class ResponsiveScaffold extends StatelessWidget {
       return Row(
         children: [
           Flexible(
-            flex: 1,
+            flex: asideFlex,
             child: aside,
           ),
           VerticalDivider(width: 1),
           if (child != null && child != aside)
-            Flexible(flex: 2, child: child!)
+            Flexible(flex: contentFlex, child: child!)
           else
-            const Flexible(
-              flex: 2,
+            Flexible(
+              flex: contentFlex,
               child: ResponsiveScaffoldLanding(child: null),
             ),
         ],

lib/widgets/post/post_comment_list.dart

@@ -4,7 +4,6 @@ import 'package:gap/gap.dart';
 import 'package:go_router/go_router.dart';
 import 'package:material_symbols_icons/symbols.dart';
 import 'package:provider/provider.dart';
-import 'package:responsive_framework/responsive_framework.dart';
 import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/providers/post.dart';
 import 'package:surface/providers/sn_network.dart';
@@ -30,24 +29,14 @@ class PostCommentQuickAction extends StatelessWidget {
     return Container(
       height: 240,
       constraints: BoxConstraints(maxWidth: maxWidth ?? double.infinity),
-      margin: ResponsiveBreakpoints.of(context).largerThan(MOBILE)
-          ? const EdgeInsets.symmetric(vertical: 8)
-          : EdgeInsets.zero,
       decoration: BoxDecoration(
-        borderRadius: ResponsiveBreakpoints.of(context).largerThan(MOBILE)
-            ? const BorderRadius.all(Radius.circular(8))
-            : BorderRadius.zero,
-        border: ResponsiveBreakpoints.of(context).largerThan(MOBILE)
-            ? Border.all(
-                color: Theme.of(context).dividerColor,
-                width: 1 / devicePixelRatio,
-              )
-            : Border.symmetric(
-                horizontal: BorderSide(
-                  color: Theme.of(context).dividerColor,
-                  width: 1 / devicePixelRatio,
-                ),
-              ),
+        borderRadius: BorderRadius.zero,
+        border: Border.symmetric(
+          horizontal: BorderSide(
+            color: Theme.of(context).dividerColor,
+            width: 1 / devicePixelRatio,
+          ),
+        ),
       ),
       child: PostMiniEditor(
         postReplyId: parentPost.id,

lib/widgets/post/post_item.dart

@@ -51,6 +51,7 @@ class OpenablePostItem extends StatelessWidget {
   final bool showMenu;
   final bool showFullPost;
   final bool showExpandableComments;
+  final bool useReplace;
   final double? maxWidth;
   final Function(SnPost data)? onChanged;
   final Function()? onDeleted;
@@ -64,6 +65,7 @@ class OpenablePostItem extends StatelessWidget {
     this.showMenu = true,
     this.showFullPost = false,
     this.showExpandableComments = false,
+    this.useReplace = false,
     this.maxWidth,
     this.onChanged,
     this.onDeleted,
@@ -87,9 +89,16 @@ class OpenablePostItem extends StatelessWidget {
             onSelectAnswer: onSelectAnswer,
           ),
           onTap: () {
-            GoRouter.of(context).pushNamed('postDetail', pathParameters: {
-              'slug': data.id.toString(),
-            });
+            if (useReplace) {
+              GoRouter.of(context)
+                  .pushReplacementNamed('postDetail', pathParameters: {
+                'slug': data.id.toString(),
+              });
+            } else {
+              GoRouter.of(context).pushNamed('postDetail', pathParameters: {
+                'slug': data.id.toString(),
+              });
+            }
           },
         ),
       ),