Merge pull request #235 from honeylogic-io/fix-mobile

fix: mobile views

Author: adinhodovic

django_wtf/templates/core/components/_navbar.html

@@ -11,11 +11,10 @@
             </svg>
         </label>
         <ul tabindex="0"
-            class="p-2 mt-3 shadow menu menu-compact dropdown-content bg-primary-content rounded-box w-52">
+            class="p-4 mt-4 shadow menu text-white menu-compact dropdown-content bg-info-content rounded-box w-52">
             {% flag "newsletter" %}
-            <li class="btn btn-outline btn-accent">
-                <a href="{% url 'core:subscriber-landing' %}">Best apps</a>
-            </li>
+            <a class="btn btn-sm btn-outline btn-accent"
+               href="{% url 'core:subscriber-landing' %}">Newsletter</a>
         {% endflag %}
         <li>
             <a href="{% url 'core:top-repositories' %}">Best apps</a>
@@ -34,7 +33,7 @@
         </li>
     </ul>
 </div>
-<a class="w-32 lg:ml-6" href="/">
+<a class="w-32 ml-6" href="/">
     <img src="{% static 'images/logo.png' %}" alt="Django.wtf">
 </a>
 <div class="hidden lg:flex gap-6">

django_wtf/templates/core/repository_detail.html

@@ -17,8 +17,8 @@
                     {% for topic in object.topics %}<div class="ml-1 badge badge-outline">{{ topic }}</div>{% endfor %}
                 </div>
                 <div class="divider"></div>
-                <div>
-                    <article class="prose max-w-none">{{ object.readme_html | safe }}</article>
+                <div class="grid">
+                    <article class="prose min-w-0 max-w-full">{{ object.readme_html | safe }}</article>
                 </div>
             </div>
             <div>