Allow for mobile usable

the-clothing-loop · Jul 13, 2023 · bd85d6d · bd85d6d
1 parent d3f5103
commit bd85d6d
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/frontend/src/pages/FindChain.tsx b/frontend/src/pages/FindChain.tsx
@@ -579,6 +579,18 @@ export default function FindChain({ location }: { location: Location }) {
               visibleChains.length ? "" : "hidden"
             }`}
           >
+            <button
+              key="close"
+              type="button"
+              onClick={() => {
+                setSelectedChains([]);
+                setVisibleChains([]);
+                setFocusedChain(null);
+              }}
+              className="absolute md:hidden top-2 right-2 rtl:right-auto rtl:left-2 btn btn-sm btn-circle btn-outline"
+            >
+              <span className="feather feather-x"></span>
+            </button>
             {focusedChain ? (
               <FocusedChain
                 chain={focusedChain}
@@ -606,7 +618,7 @@ export default function FindChain({ location }: { location: Location }) {
                   return (
                     <button
                       className={`p-1.5 block w-full border-b border-grey/10 last:border-none ${
-                        selected ? "bg-white" : ""
+                        selected ? "bg-white" : "hidden md:block"
                       }`}
                       key={chain.uid}
                       onClick={() => handleSetFocusedChain(chain)}