add hover scale effect to page switcher buttons

Patchwork-Archive · Oct 26, 2024 · 554fe23 · 554fe23
1 parent a2a1d77
commit 554fe23
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/src/pages/SearchResultPage.jsx b/src/pages/SearchResultPage.jsx
@@ -73,9 +73,21 @@ function SearchResultPage() {
             </h1>
             <i className="text-lg text-white flex justify-center">{query}</i>
             {!isLoading && page == 1 ? (
-                <SearchResultsChannel
-                    results={channelSearchResultData.results}
-                />
+                <>
+                    <SearchResultsChannel
+                        results={channelSearchResultData.results}
+                    />
+                    {channelSearchResultData.results.length > 6 && (
+                        <div className="text-center">
+                            <a
+                                href={"/channels?q=" + query}
+                                className="text-white hover:scale-105 underline px-4 py-2 bg-accent rounded-md inline-block transition-transform duration-200"
+                            >
+                                Show more channels
+                            </a>
+                        </div>
+                    )}
+                </>
             ) : null}
             {isLoading ? (
                 <p className="text-white text-xl justify-center flex">