From fd377aa7af43ff59202a382383807703f362dff2 Mon Sep 17 00:00:00 2001
From: LittleSheep <littlesheep.code@hotmail.com>
Date: Sun, 16 Nov 2025 11:56:42 +0800
Subject: [PATCH] :lipstick: Change the post reaction sheet sticker picker
 align and close

---
 lib/widgets/post/post_reaction_sheet.dart | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/lib/widgets/post/post_reaction_sheet.dart b/lib/widgets/post/post_reaction_sheet.dart
index d41d7684..5e25a741 100644
--- a/lib/widgets/post/post_reaction_sheet.dart
+++ b/lib/widgets/post/post_reaction_sheet.dart
@@ -144,7 +144,6 @@ class PostReactionSheet extends StatelessWidget {
           ),
           const Divider(height: 1),
           TabBar(tabs: [Tab(text: 'overview'.tr()), Tab(text: 'custom'.tr())]),
-          const Divider(height: 1),
           Expanded(
             child: TabBarView(
               children: [
@@ -599,12 +598,8 @@ class CustomReactionForm extends HookConsumerWidget {
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.stretch,
         children: [
-          Text(
-            'customReaction'.tr(),
-            style: Theme.of(context).textTheme.titleLarge,
-          ),
-          const Gap(24),
           TextField(
+            readOnly: true,
             decoration: InputDecoration(
               labelText: 'stickerPlaceholder'.tr(),
               hintText: 'prefix+slug',
@@ -615,7 +610,10 @@ class CustomReactionForm extends HookConsumerWidget {
                 onTapDown: (details) async {
                   await showStickerPickerPopover(
                     context,
-                    details.globalPosition.translate(-300, -280),
+                    Offset(
+                      (MediaQuery.sizeOf(context).width - 500) / 2,
+                      MediaQuery.sizeOf(context).height - 500,
+                    ),
                     alignment: Alignment.topLeft,
                     onPick: (placeholder) {
                       // Remove the surrounding : from the placeholder