✨ Post detail

lib/screens/explore.dart

@@ -171,7 +171,16 @@ class _ExploreScreenState extends State<ExploreScreen> {
               hasReachedMax: _postCount != null && _posts.length >= _postCount!,
               onFetchData: _fetchPosts,
               itemBuilder: (context, idx) {
-                return PostItem(data: _posts[idx]);
+                return GestureDetector(
+                  child: PostItem(data: _posts[idx]),
+                  onTap: () {
+                    GoRouter.of(context).pushNamed(
+                      'postDetail',
+                      pathParameters: {'slug': _posts[idx].id.toString()},
+                      extra: _posts[idx],
+                    );
+                  },
+                );
               },
               separatorBuilder: (context, index) => const Divider(),
             )

lib/screens/post/post_detail.dart

@@ -0,0 +1,102 @@
+import 'dart:math' as math;
+
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'package:provider/provider.dart';
+import 'package:styled_widget/styled_widget.dart';
+import 'package:surface/providers/sn_attachment.dart';
+import 'package:surface/providers/sn_network.dart';
+import 'package:surface/types/post.dart';
+import 'package:surface/widgets/dialog.dart';
+import 'package:surface/widgets/loading_indicator.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
+import 'package:surface/widgets/post/post_item.dart';
+
+class PostDetailScreen extends StatefulWidget {
+  final String slug;
+  final SnPost? preload;
+  const PostDetailScreen({
+    super.key,
+    required this.slug,
+    this.preload,
+  });
+
+  @override
+  State<PostDetailScreen> createState() => _PostDetailScreenState();
+}
+
+class _PostDetailScreenState extends State<PostDetailScreen> {
+  bool _isBusy = false;
+
+  SnPost? _data;
+
+  void _fetchPost() async {
+    setState(() => _isBusy = true);
+
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      final attach = context.read<SnAttachmentProvider>();
+      final resp = await sn.client.get('/cgi/co/posts/${widget.slug}');
+      if (!mounted) return;
+      final attachments = await attach.getMultiple(
+        resp.data['body']['attachments']?.cast<String>() ?? [],
+      );
+      if (!mounted) return;
+      setState(() {
+        _data = SnPost.fromJson(resp.data).copyWith(
+          preload: SnPostPreload(
+            attachments: attachments,
+          ),
+        );
+      });
+    } catch (err) {
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    if (widget.preload != null) {
+      _data = widget.preload;
+    }
+    _fetchPost();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AppScaffold(
+      appBar: AppBar(
+        leading: BackButton(
+          onPressed: () {
+            if (GoRouter.of(context).canPop()) {
+              Navigator.pop(context);
+            }
+            GoRouter.of(context).replaceNamed('explore');
+          },
+        ),
+        flexibleSpace: Column(
+          children: [
+            Text(_data?.body['title'] ?? 'postNoun'.tr())
+                .textStyle(Theme.of(context).textTheme.titleLarge!)
+                .textColor(Colors.white),
+            Text('postDetail')
+                .tr()
+                .textColor(Colors.white.withAlpha((255 * 0.9).round())),
+          ],
+        ).padding(top: math.max(MediaQuery.of(context).padding.top, 8)),
+      ),
+      body: SingleChildScrollView(
+        child: Column(
+          children: [
+            LoadingIndicator(isActive: _isBusy),
+            if (_data != null) PostItem(data: _data!),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/screens/post/post_editor.dart

@@ -1,3 +1,5 @@
+import 'dart:math' as math;
+
 import 'package:collection/collection.dart';
 import 'package:dio/dio.dart';
 import 'package:dropdown_button2/dropdown_button2.dart';
@@ -276,14 +278,14 @@ class _PostEditorScreenState extends State<PostEditorScreen> {
         ),
         flexibleSpace: Column(
           children: [
-            Text(_title ?? 'Untitled')
+            Text(_title ?? 'untitled'.tr())
                 .textStyle(Theme.of(context).textTheme.titleLarge!)
                 .textColor(Colors.white),
             Text(_kTitleMap[widget.mode]!)
                 .tr()
                 .textColor(Colors.white.withAlpha((255 * 0.9).round())),
           ],
-        ).padding(top: MediaQuery.of(context).padding.top),
+        ).padding(top: math.max(MediaQuery.of(context).padding.top, 8)),
         actions: [
           IconButton(
             icon: const Icon(Symbols.tune),

lib/screens/settings.dart

@@ -70,7 +70,7 @@ class _SettingsScreenState extends State<SettingsScreen> {
                     .bold()
                     .fontSize(17)
                     .tr()
-                    .padding(horizontal: 20),
+                    .padding(horizontal: 20, bottom: 4),
                 if (!kIsWeb)
                   ListTile(
                     title: Text('settingsBackgroundImage').tr(),
@@ -141,7 +141,7 @@ class _SettingsScreenState extends State<SettingsScreen> {
                     .bold()
                     .fontSize(17)
                     .tr()
-                    .padding(horizontal: 20),
+                    .padding(horizontal: 20, bottom: 4),
                 TextField(
                   controller: _serverUrlController,
                   decoration: InputDecoration(