fix: Fixed profile picture displaying

Gwardia-Czapli · Apr 30, 2024 · bddf1c2 · bddf1c2
1 parent 18b8d70
commit bddf1c2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 7 deletions.
diff --git a/core/templates/core/profile.html b/core/templates/core/profile.html
@@ -6,9 +6,9 @@
 {% block title %}{{ user.name }}{% endblock %}
 
 {% block content %}
-    <div class="mt-32 w-screen flex flex-col items-center justify-center">
-        <div class="flex gap-5 w-1/2 pb-4 border-b-2">
-            <img src="{% if user.avatar %}{{ user.avatar }}{% else %}{% static "images/placeholder_profile_pic.png" %}{% endif %}" alt="avatar" class="h-auto w-1/8 rounded-full">
+    <div class="mt-32 flex flex-col items-center">
+        <div class="flex gap-5 md:w-1/2 w-3/4 pb-4 border-b-2">
+            <img src="{% if user.avatar %}{{ user.avatar }}{% else %}{% static "images/placeholder_profile_pic.png" %}{% endif %}" alt="Profile picture" class="lg:w-[12.5%] lg:h-[12.5%] md:w-1/6 md:h-1/6 w-1/4 h-1/4 rounded-full">
             <div class="flex flex-col">
                 <h1 class="text-4xl text-bold">{{ user.name }}</h1>
                 <div class="flex gap-4 text-gray-500 flex-wrap">
@@ -19,7 +19,7 @@ <h1 class="text-4xl text-bold">{{ user.name }}</h1>
             </div>
         </div>
         <h1 class="text-2xl mt-4">Doświadczenie</h1>
-        <div class="flex flex-col w-1/2 gap-5">
+        <div class="flex flex-col md:w-1/2 w-3/4 gap-5">
             <div class="flex gap-5 mt-4 text-purple-500 justify-end">
                 <p>Poziom: {{ user.level }}</p>
                 <p>Doświadczenie: {{ user.exp }}</p>

diff --git a/static/tailwind_custom_styles.js b/static/tailwind_custom_styles.js
@@ -6,9 +6,6 @@ tailwind.config = {
             borderWidth: {
                 '12': '12px',
             },
-            width: {
-                "1/8": "12.5%",
-            },
             keyframes: {
                 levelBarSlideIn: {
                     from: { width: '0' },