fix width

filias · Nov 15, 2023 · 8566fae · 8566fae
1 parent f744c42
commit 8566fae
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/mango/mango/templates/index.html b/mango/mango/templates/index.html
@@ -3,10 +3,8 @@
 {% block content %}
 
 <body class="dark:bg-slate-800 w-screen h-screen flex flex-col items-center justify-center gap-4">
-
     <!-- include the joke fragment -->
     {% include 'joke.html' %}
-
 </body>
 </html>
 {% endblock %}
diff --git a/mango/mango/templates/joke.html b/mango/mango/templates/joke.html
@@ -2,20 +2,20 @@
 
 <div
     id="joke" 
-    class="w-1/4 p-mx-auto bg-white rounded-xl shadow-lg px-6 py-4 gap-4 relative"
+    class="max-w-sm p-mx-auto bg-white rounded-xl shadow-lg px-6 py-4 gap-4 relative"
     x-data="{ answer: false }"
     x-init="() => {
       setTimeout(() => { answer = true; }, 2000);
     }"
   >
     <img 
-      class="img-thinking w-24 absolute left-[-60px] top-[-60px]" 
+      class="img-thinking w-20 absolute left-[-50px] top-[-50px]" 
       src="{% static 'img/happy.svg' %}"
       x-show="answer"
     >
 
     <img 
-      class="img-thinking w-24 absolute left-[-60px] top-[-60px]" 
+      class="img-thinking w-20 absolute left-[-50px] top-[-50px]" 
       src="{% static 'img/thinking.svg' %}"
       x-show="!answer"
     >