Modified the trunic svg so that it will display properly.

This commit is contained in:
Ada Werefox 2024-03-21 16:14:41 -05:00
parent 28e3da069f
commit cba8b6207c
2 changed files with 140 additions and 8 deletions

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 6.7 KiB

View File

@ -7,18 +7,20 @@
<div class="space-y-2 px-2">
<div class="flex flex-col align-middle max-w-fit">
<div class="flex flex-row align-middle max-w-fit h-12 space-x-2">
<span class="h-8 max-w-8 my-auto align-middle backdrop-blur">
<span class="flex flex-shrink-0 object-contain w-8 h-8 my-auto align-middle backdrop-blur">
<img src="{% static 'tracker/images/neofox_flag_trans_256.png' %}"
alt="A trans pride fox emoji."
width="32"
height="32" />
</span>
<span class="max-h-12 max-w-64 my-auto align-middle invert drop-shadow-[1px_2px_2px_rgba(0,0,0,1)] ">
<img src="{% static 'tracker/images/trunic_title.png' %}"
alt="A trans pride fox emoji."
width="365"
height="64" />
</span>
<img class="object-scale-down flex flex-shrink overflow-x-scroll w-64 h-12 align-middle invert drop-shadow-[1px_2px_2px_rgba(0,0,0,1)]"
src="{% static 'tracker/images/trunic.svg' %}"
alt="A trans pride fox emoji."
width=""
height="" />
{% comment %} <span class="max-h-12 max-w-64 my-auto align-middle invert drop-shadow-[1px_2px_2px_rgba(0,0,0,1)] ">
<img src="{% static 'tracker/images/trunic_title.png' %}" alt="A trans pride fox emoji." width="365" height="64" />
</span> {% endcomment %}
</div>
<div class="mt-auto text-sm max-w-fit">(Tunic Transition Tracker)</div>
</div>