Merge pull request #32 from stariluz/30-svgs-dont-work-in-production

Fix #30 Restoring xlink and using in template
stariluz · Jul 27, 2024 · ee21eb2 · ee21eb2
2 parents 75b7e0b + e2e5fe7
commit ee21eb2
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/static/img/logout.svg b/static/img/logout.svg
diff --git a/static/img/square-rounded-plus.svg b/static/img/square-rounded-plus.svg
diff --git a/static/img/user-square-rounded.svg b/static/img/user-square-rounded.svg
diff --git a/templates/header.html b/templates/header.html
@@ -23,23 +23,23 @@
                 <a class="dropdown-item" href="{% url 'users:profile' request.user.username %}">
                   <span>Ver perfil</span>
                   <svg height="24" width="24">
-                    <use class="icon" href="{% static 'img/user-square-rounded.svg' %}#icon" height="24" width="24"></use>
+                    <use class="icon" xlink:href="{% static 'img/user-square-rounded.svg' %}#icon" href="{% static 'img/user-square-rounded.svg' %}#icon" height="24" width="24"></use>
                   </svg>
                 </a>
               </li>
               <li>
                 <a class="dropdown-item" href="{% url 'users:logout' %}">
                   <span>Cerrar sesion</span>
                   <svg height="24" width="24">
-                    <use class="icon" href="{% static 'img/logout.svg' %}#icon" height="24" width="24"></use>
+                    <use class="icon" href="{% static 'img/logout.svg' %}#icon" xlink:href="{% static 'img/logout.svg' %}#icon" height="24" width="24"></use>
                   </svg>
                 </a>
               </li>
             </ul>
           </div>
           <a href="{% url 'posts:create' %}">
             <svg height="24" width="24">
-              <use class="icon" href="{% static 'img/square-rounded-plus.svg' %}#icon" height="24" width="24"></use>
+              <use class="icon" href="{% static 'img/square-rounded-plus.svg' %}#icon" xlink:href="{% static 'img/square-rounded-plus.svg' %}#icon" height="24" width="24"></use>
             </svg>
           </a>
         </section>