From fcc0bd69a9c405d607c89dd08c044b2317a8437f Mon Sep 17 00:00:00 2001
From: valere <dev@valerebron.com>
Date: Sun, 22 Sep 2024 09:55:17 +0200
Subject: [PATCH] centered compiles

---
 pages/index.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index 8ac5df5..1a3e198 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="bg-black">
     <div class="w-full flex justify-center">
       <nav class="[&>*]:p-2 text-white bottom-0 right-0 fixed flex justify-center z-50">
         <a href="https://www.youtube.com/channel/UCATtFHnOLDCv8qroi2KW3ZA" target="about:blank" class="mt-1">
@@ -68,8 +68,9 @@
         </section>
       </div>
     </section>
-    <section class="flex bg-black">
-      <zero-a @click="play('ES00A')">
+    <section class="flex justify-center">
+      <div class="flex max-w-2xl">
+        <zero-a @click="play('ES00A')">
         <button class="button absolute object-center p-4 flex justify-center items-center">
           <svg width="40px" height="30px">
             <polygon points="0,0 0,30 30,15" />
@@ -77,6 +78,7 @@
         </button>
       </zero-a>
       <zero-b @click="play('ES00B')"></zero-b>
+      </div>
     </section>
   </div>
 </template>