fix: realocate filter element

zerinoid · Jul 6, 2023 · cea2918 · cea2918
1 parent 44cfb97
commit cea2918
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -17,21 +17,23 @@ const Home: NextPageWithLayout = () => {
   };
 
   return (
-    <section className={styles.main}>
-      <button
-        className="fixed top-2 left-2 z-10 md:hidden"
-        onClick={() => setIsFilterOpen(isOpen => !isOpen)}
-      >
-        <FontAwesomeIcon icon={icon} size="xl" />
-      </button>
-      <h1 className={styles.title}>Search and Filter</h1>
+    <>
       <Filter
         isOpen={isFilterOpen}
         searchText={searchText}
         handleSearchTextChange={handleSearchTextChange}
       />
-      <Gallery />
-    </section>
+      <section className={styles.main}>
+        <button
+          className="fixed top-2 left-2 z-10 md:hidden"
+          onClick={() => setIsFilterOpen(isOpen => !isOpen)}
+        >
+          <FontAwesomeIcon icon={icon} size="xl" />
+        </button>
+        <h1 className={styles.title}>Search and Filter</h1>
+        <Gallery />
+      </section>
+    </>
   );
 };