style: images have pointer-events-none

laurelin60 · Apr 3, 2024 · 017b073 · 017b073
1 parent ae6c6f7
commit 017b073
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/components/search/Search.tsx b/components/search/Search.tsx
@@ -62,7 +62,7 @@ const LoadingState = () => {
                 <img
                     src="/loading.gif"
                     alt="loading gif"
-                    className="flex h-16 w-16 justify-center opacity-60"
+                    className="pointer-events-none flex h-16 w-16 justify-center opacity-60"
                 />
             </div>
             <div className="flex justify-center">Loading...</div>
@@ -77,7 +77,7 @@ const ErrorState = () => {
                 <img
                     src="/error.png"
                     alt="error"
-                    className="flex w-[500px] justify-center"
+                    className="pointer-events-none flex w-[500px] justify-center"
                 />
             </div>
             <div className="flex justify-center">An error occurred...</div>

diff --git a/components/search/SearchResults.tsx b/components/search/SearchResults.tsx
@@ -137,7 +137,7 @@ const SearchResults = (props: SearchResultsProps) => {
                             <img
                                 src="/no_results.png"
                                 alt="no results"
-                                className="flex w-[500px] justify-center"
+                                className="pointer-events-none flex w-[500px] justify-center"
                             />
                         </div>
                         <div className="flex w-full flex-col justify-center gap-y-2 text-center">