UI overflow fix

DogukanUrker · Jan 20, 2024 · 12a30f7 · 12a30f7
1 parent 715d600
commit 12a30f7
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/templates/tailwindUI/post.html b/templates/tailwindUI/post.html
@@ -1,8 +1,8 @@
 {% extends 'layout.html'%} {%block head%}
 <title>{{title}}</title>
 {% endblock head %} {%block body%}
-<div class="w-11/12 lg:w-5/6 xl:w-6/12 mx-auto mt-16 break-words">
-  <h1 class="text-3xl mb-6 text-rose-500 w-full text-center select-none ">
+<div class="w-11/12 md:w-5/6 lg:w-7/12 xl:w-5/12 mx-auto mt-16 break-words">
+  <h1 class="text-3xl mb-6 text-rose-500 w-full text-center select-none font-bold">
     {{title}}
   </h1>
   <p>

diff --git a/templates/tailwindUI/search.html b/templates/tailwindUI/search.html
@@ -15,7 +15,7 @@ <h3 class="text-2xl text-center my-4">
   {% endfor %} {% endfor %} {% endif %} {% if posts %} {% for post in posts %}
   {% for post in post %}
   <div
-    class="w-11/12 md:w-10/12 lg:w-3/4 xl:w-1/2 h-96 mx-auto py-4 px-2 my-8 border-2 rounded-md shadow-md
+    class="w-11/12 md:w-10/12 lg:w-3/4 xl:w-1/2 h-fit mx-auto py-4 px-2 my-8 border-2 rounded-md shadow-md
   border-gray-500/25"
   >
     <a

diff --git a/templates/tailwindUI/user.html b/templates/tailwindUI/user.html
@@ -69,7 +69,7 @@ <h2 class="mx-2">{{user[1]}}</h2>
   <h1 class="my-4 text-center text-2xl text-rose-500 select-none">Posts</h1>
   {% for post in posts %}
   <div
-    class="w-11/12 md:w-10/12 lg:w-3/4 xl:w-1/2 h-96 mx-auto py-4 px-2 mb-8 border-2 rounded-md shadow-md
+    class="w-11/12 md:w-10/12 lg:w-3/4 xl:w-1/2 h-fit mx-auto py-4 px-2 mb-8 border-2 rounded-md shadow-md
   border-gray-500/25"
   >
     <a