feat: Highlighting Chats on READMe and Home

raestrada · Oct 20, 2024 · b3d3005 · b3d3005
1 parent aabcda0
commit b3d3005
Showing 1 changed file with 10 additions and 9 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -137,15 +137,16 @@
         }
 
         .openai-logo {
-            position: fixed;
-            top: 100px;
-            left: 20px;
+            position: absolute; /* Posición absoluta dentro de su contenedor */
+            top: 50px; /* Ajuste desde la parte superior del contenedor */
+            left: 20px; /* Ajuste desde la parte izquierda del contenedor */
             width: 100px;
             background-color: white;
             padding: 10px;
             border-radius: 10px;
             box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
             text-align: center;
+            z-index: 10; /* Asegura que quede por encima de otros elementos */
         }
 
         .openai-logo img {
@@ -227,13 +228,13 @@
 
         <h1>Welcome to StoryCraftr 📚✨</h1>
         <p>Write your stories with the power of AI</p>
+        <div class="openai-logo">
+            <a href="https://openai.com" target="_blank">
+                <img src="https://global.discourse-cdn.com/openai1/original/3X/3/7/37b0465af49ce945753b8555462012147b0fb27a.svg" alt="OpenAI Logo">
+                <p>Made with OpenAI</p>
+            </a>
+        </div>
     </header>
-    <div class="openai-logo">
-        <a href="https://openai.com" target="_blank">
-            <img src="https://global.discourse-cdn.com/openai1/original/3X/3/7/37b0465af49ce945753b8555462012147b0fb27a.svg" alt="OpenAI Logo">
-            <p>Made with OpenAI</p>
-        </a>
-    </div>
     <script type="application/ld+json">
         {
           "@context": "https://schema.org",