From 6ac2d207f7120f23c4ea701c2eb3af56f7847479 Mon Sep 17 00:00:00 2001
From: Khoa Vo <khoa.vo@apix.local>
Date: Wed, 7 Jan 2026 21:09:44 +0700
Subject: [PATCH] fix: Resolve mobile click issues by fixing z-index stacking
 and removing backdrop-blur

---
 components/PromptHero.tsx | 8 ++++----
 data/prompts.json         | 7 ++++---
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/components/PromptHero.tsx b/components/PromptHero.tsx
index a23b7e0..5001de6 100644
--- a/components/PromptHero.tsx
+++ b/components/PromptHero.tsx
@@ -434,7 +434,7 @@ export function PromptHero() {
     );
 
     return (
-        <div className="w-full max-w-3xl mx-auto my-4 md:my-6 px-3 md:px-4 pb-20 md:pb-4">
+        <div className="w-full max-w-3xl mx-auto my-4 md:my-6 px-3 md:px-4">
             {/* Error/Warning Notification Toast */}
             {errorNotification && (
                 <div className={cn(
@@ -463,7 +463,7 @@ export function PromptHero() {
             )}
 
             <div className={cn(
-                "relative flex flex-col gap-3 rounded-2xl bg-[#1A1A1E]/95 bg-gradient-to-b from-white/[0.02] to-transparent p-4 shadow-xl border border-white/5 backdrop-blur-sm transition-all",
+                "relative flex flex-col gap-3 rounded-2xl bg-[#1A1A1E] border border-white/5 transition-all z-10",
                 isGenerating && "ring-1 ring-purple-500/30"
             )}>
 
@@ -525,8 +525,8 @@ export function PromptHero() {
                 </div>
 
                 {/* Input Area */}
-                <div className="relative group">
-                    <div className="absolute -inset-0.5 bg-gradient-to-r from-amber-500/20 to-purple-600/20 rounded-xl blur opacity-0 group-hover:opacity-100 transition duration-500" />
+                <div className="relative group z-20">
+                    <div className="absolute -inset-0.5 bg-gradient-to-r from-amber-500/20 to-purple-600/20 rounded-xl opacity-0 group-hover:opacity-100 transition duration-500 -z-10" />
                     <textarea
                         ref={textareaRef}
                         value={prompt}
diff --git a/data/prompts.json b/data/prompts.json
index 0b9707c..67cba7b 100644
--- a/data/prompts.json
+++ b/data/prompts.json
@@ -1,6 +1,6 @@
 {
-  "last_updated": "2026-01-07T12:22:54.434Z",
-  "lastSync": 1767788574434,
+  "last_updated": "2026-01-07T14:09:02.513Z",
+  "lastSync": 1767794942513,
   "categories": {
     "style": [
       "Illustration",
@@ -49,7 +49,8 @@
       "source": "jimmylv",
       "source_url": "https://github.com/JimmyLv/awesome-nano-banana/tree/main/cases/2",
       "createdAt": 1767693873366,
-      "useCount": 0
+      "useCount": 1,
+      "lastUsedAt": 1767794973740
     },
     {
       "id": 3,