From 42a6b5c018b3e0b0325b2e2c70b3aa34fe8cf60b Mon Sep 17 00:00:00 2001
From: Hidayatullah <ayat.kyo@gmail.com>
Date: Sun, 4 May 2025 22:47:50 +0800
Subject: [PATCH] fix: prevent glow element from blocking content interaction

Signed-off-by: Hidayatullah <ayat.kyo@gmail.com>
---
 lib/algora_web/live/community_live.ex | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/lib/algora_web/live/community_live.ex b/lib/algora_web/live/community_live.ex
index a63cb5e83..e5b0aa335 100644
--- a/lib/algora_web/live/community_live.ex
+++ b/lib/algora_web/live/community_live.ex
@@ -324,7 +324,7 @@ defmodule AlgoraWeb.CommunityLive do
               </div>
             </div>
             <div class="z-30 relative mx-auto max-w-7xl px-6 lg:px-8">
-              <.glow class="absolute opacity-25 xl:opacity-75 top-[-320px] md:top-[-480px] xl:right-[120px] -z-[10]" />
+              <.glow class="pointer-events-none absolute opacity-25 xl:opacity-75 top-[-320px] md:top-[-480px] xl:right-[120px] -z-[10]" />
 
               <.form
                 for={@repo_form}
@@ -617,7 +617,7 @@ defmodule AlgoraWeb.CommunityLive do
               <div>algora.io/your/repo</div>
             </div>
             <div class="z-30 relative mx-auto max-w-7xl px-6 lg:px-8">
-              <.glow class="absolute opacity-25 xl:opacity-75 top-[-320px] md:top-[-480px] xl:right-[120px] -z-[10]" />
+              <.glow class="pointer-events-none absolute opacity-25 xl:opacity-75 top-[-320px] md:top-[-480px] xl:right-[120px] -z-[10]" />
 
               <.form
                 for={@repo_form}
@@ -1306,7 +1306,7 @@ defmodule AlgoraWeb.CommunityLive do
 
   defp glow(assigns) do
     ~H"""
-    <%!-- "absolute top-[-320px] md:top-[-480px] xl:right-[120px] -z-[10]" --%>
+    <%!-- "pointer-events-none absolute top-[-320px] md:top-[-480px] xl:right-[120px] -z-[10]" --%>
     <div class={@class}>
       <svg
         xmlns="http://www.w3.org/2000/svg"