fix: align button home & toBack in nav

RomanFama592 · Feb 21, 2024 · 80058a9 · 80058a9
1 parent b23cb01
commit 80058a9
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 21 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "tic-tac-toe-world",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "scripts": {
     "dev": "astro dev --host",
     "start:build": "astro check && astro build && astro preview --host",

diff --git a/src/layouts/FramePage.astro b/src/layouts/FramePage.astro
@@ -14,26 +14,28 @@ const { enabledButtonBack = true }: Props = Astro.props;
     transition:animate="slide"
     class="navbar sticky top-0 w-full h-[10dvh] z-20 shadow-lg bg-base-100 *:text-black justify-between lg:justify-around"
 >
-    {
-        enabledButtonBack && (
-            <button
-                onclick="window.history.back();"
-                id="toBack"
-                class="btn btn-ghost flex justify-center items-center size-12 p-2 text-3xl"
-            >
-                &larr;
-            </button>
-        )
-    }
-    <a draggable="false" href="/" title="Tic Tac Toe World">
-        {/* hacer que se le pueda cambiar el color al stroke */}
-        <img
-            draggable="false"
-            src="/favicon.svg"
-            class="btn btn-ghost size-12 p-1 text-base-content stroke-current"
-            alt="Tic Tac Toe World"
-        />
-    </a>
+    <div class="flex flex-row justify-center items-center gap-5">
+        {
+            enabledButtonBack && (
+                <button
+                    onclick="window.history.back();"
+                    id="toBack"
+                    class="btn btn-ghost flex justify-center items-center size-12 p-2 text-3xl"
+                >
+                    &larr;
+                </button>
+            )
+        }
+        <a draggable="false" href="/" title="Tic Tac Toe World">
+            {/* hacer que se le pueda cambiar el color al stroke */}
+            <img
+                draggable="false"
+                src="/favicon.svg"
+                class="btn btn-ghost size-12 p-1 text-base-content stroke-current"
+                alt="Tic Tac Toe World"
+            />
+        </a>
+    </div>
     {/* TODO: make the mobile version */}
     {/* TODO: when there are more internal pages, only put those */}
     <ul