at least center the example wasm button

tylerbarker · Dec 25, 2024 · 07f02b7 · 07f02b7
1 parent dc99034
commit 07f02b7
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/app/routes/index.tsx b/app/routes/index.tsx
@@ -14,12 +14,14 @@ function Home() {
   if (isLoading) return "Loading...";
 
   return (
-    <button
-      type="button"
-      className="transition-colors rounded-md bg-emerald-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-emerald-500 focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-emerald-600"
-      onClick={() => setCount(wasm.sum(count, 2))}
-    >
-      Add 2 to {count}?
-    </button>
+    <div className="flex h-screen">
+      <button
+        type="button"
+        className="m-auto transition-colors rounded-md bg-emerald-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-emerald-500 focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-emerald-600"
+        onClick={() => setCount(wasm.sum(count, 2))}
+      >
+        Add 2 to {count}?
+      </button>
+    </div>
   );
 }