From 277e9ae3d15a94ff1a13cd24d0f366f05293b7d2 Mon Sep 17 00:00:00 2001
From: LittleSheep <littlesheep.code@hotmail.com>
Date: Mon, 6 Oct 2025 12:28:17 +0800
Subject: [PATCH] :lipstick: Optimize compose design

---
 assets/i18n/en-US.json                    |  3 ++-
 lib/widgets/post/compose_card.dart        | 13 ++++++++-----
 lib/widgets/post/compose_info_banner.dart |  2 +-
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/assets/i18n/en-US.json b/assets/i18n/en-US.json
index b92b50e6..afa81db5 100644
--- a/assets/i18n/en-US.json
+++ b/assets/i18n/en-US.json
@@ -1198,5 +1198,6 @@
     "transferRemark": "Transfer Remark",
     "addRemarkForTransfer": "Add remark for transfer",
     "enterPinToConfirmTransfer": "Enter your 6-digit PIN to confirm transfer",
-    "transferCreatedSuccessfully": "Transfer created successfully!"
+    "transferCreatedSuccessfully": "Transfer created successfully!",
+    "postUpdate": "Update"
 }
diff --git a/lib/widgets/post/compose_card.dart b/lib/widgets/post/compose_card.dart
index e0a7bc1e..2cbd64d6 100644
--- a/lib/widgets/post/compose_card.dart
+++ b/lib/widgets/post/compose_card.dart
@@ -1,3 +1,5 @@
+import 'dart:math' as math;
+
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
@@ -164,11 +166,13 @@ class PostComposeCard extends HookConsumerWidget {
       );
     }
 
+    final maxHeight = math.min(640.0, MediaQuery.of(context).size.height * 0.8);
+
     return Card(
       margin: EdgeInsets.zero,
       color: Theme.of(context).colorScheme.surfaceContainer,
       child: Container(
-        constraints: const BoxConstraints(maxHeight: 400),
+        constraints: BoxConstraints(maxHeight: maxHeight),
         child: Column(
           mainAxisSize: MainAxisSize.min,
           crossAxisAlignment: CrossAxisAlignment.start,
@@ -186,11 +190,10 @@ class PostComposeCard extends HookConsumerWidget {
               ),
               child: Row(
                 children: [
+                  const Gap(4),
                   Text(
-                    originalPost != null
-                        ? 'postEditing'.tr()
-                        : 'postCompose'.tr(),
-                    style: theme.textTheme.titleMedium,
+                    'postCompose'.tr(),
+                    style: theme.textTheme.titleMedium!.copyWith(fontSize: 18),
                   ),
                   const Spacer(),
                   IconButton(
diff --git a/lib/widgets/post/compose_info_banner.dart b/lib/widgets/post/compose_info_banner.dart
index 4ae3fc98..021045a9 100644
--- a/lib/widgets/post/compose_info_banner.dart
+++ b/lib/widgets/post/compose_info_banner.dart
@@ -43,7 +43,7 @@ class ComposeInfoBanner extends StatelessWidget {
                 ),
                 const Gap(8),
                 Text(
-                  'postEditing',
+                  'postEditing'.tr(),
                   style: Theme.of(context).textTheme.labelMedium?.copyWith(
                     color: Theme.of(context).colorScheme.onPrimaryContainer,
                   ),