fix: Resolve mobile click issues by fixing z-index stacking and removing backdrop-blur
Some checks are pending
CI / build (18.x) (push) Waiting to run
CI / build (20.x) (push) Waiting to run

This commit is contained in:
Khoa Vo 2026-01-07 21:09:44 +07:00
parent a5bc7ddb39
commit 6ac2d207f7
2 changed files with 8 additions and 7 deletions

View file

@ -434,7 +434,7 @@ export function PromptHero() {
); );
return ( 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 */} {/* Error/Warning Notification Toast */}
{errorNotification && ( {errorNotification && (
<div className={cn( <div className={cn(
@ -463,7 +463,7 @@ export function PromptHero() {
)} )}
<div className={cn( <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" isGenerating && "ring-1 ring-purple-500/30"
)}> )}>
@ -525,8 +525,8 @@ export function PromptHero() {
</div> </div>
{/* Input Area */} {/* Input Area */}
<div className="relative group"> <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 blur opacity-0 group-hover:opacity-100 transition duration-500" /> <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 <textarea
ref={textareaRef} ref={textareaRef}
value={prompt} value={prompt}

View file

@ -1,6 +1,6 @@
{ {
"last_updated": "2026-01-07T12:22:54.434Z", "last_updated": "2026-01-07T14:09:02.513Z",
"lastSync": 1767788574434, "lastSync": 1767794942513,
"categories": { "categories": {
"style": [ "style": [
"Illustration", "Illustration",
@ -49,7 +49,8 @@
"source": "jimmylv", "source": "jimmylv",
"source_url": "https://github.com/JimmyLv/awesome-nano-banana/tree/main/cases/2", "source_url": "https://github.com/JimmyLv/awesome-nano-banana/tree/main/cases/2",
"createdAt": 1767693873366, "createdAt": 1767693873366,
"useCount": 0 "useCount": 1,
"lastUsedAt": 1767794973740
}, },
{ {
"id": 3, "id": 3,