2
0
mirror of https://github.com/inventree/inventree-website.git synced 2025-04-28 05:26:44 +00:00

move badge styles to css

This commit is contained in:
Matthias Mair 2023-01-28 15:05:35 +01:00
parent 68cfaadb5a
commit 543268076d
No known key found for this signature in database
GPG Key ID: A593429DDA23B66A
3 changed files with 12 additions and 4 deletions

View File

@ -3,10 +3,10 @@
<div class="col p-4 d-flex flex-column position-static"> <div class="col p-4 d-flex flex-column position-static">
<div class="d-inline-block"> <div class="d-inline-block">
{% for cat in plugin.categories %} {% for cat in plugin.categories %}
<span class="badge bg-yellow-500 whitespace-nowrap">{{ cat }}</span> <span class="plugin_cat">{{ cat }}</span>
{% endfor %} {% endfor %}
{% for tag in plugin.tags %} {% for tag in plugin.tags %}
<span class="badge bg-blue-400 whitespace-nowrap">{{ tag }}</span> <span class="plugin_tag">{{ tag }}</span>
{% endfor %} {% endfor %}
</div> </div>
<h3 class="my-0">{{ plugin.name }}</h3> <h3 class="my-0">{{ plugin.name }}</h3>

View File

@ -71,7 +71,7 @@ fullwith: true
<h4 class="plugin_links">Categories</h4> <h4 class="plugin_links">Categories</h4>
<div> <div>
{% for categorie in page.categories %} {% for categorie in page.categories %}
<a href="/categories/#{{ categorie | slugify }}"><span class="badge bg-yellow-500 whitespace-nowrap">{{ categorie }}</span></a> <a href="/categories/#{{ categorie | slugify }}"><span class="plugin_cat">{{ categorie }}</span></a>
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
@ -80,7 +80,7 @@ fullwith: true
<h4 class="plugin_links">Tags</h4> <h4 class="plugin_links">Tags</h4>
<div> <div>
{% for tag in page.tags %} {% for tag in page.tags %}
<a href="/tags/#{{ tag | slugify }}"><span class="badge bg-blue-400 whitespace-nowrap">{{ tag }}</span></a> <a href="/tags/#{{ tag | slugify }}"><span class="plugin_tag">{{ tag }}</span></a>
{% endfor %} {% endfor %}
</div> </div>
</div> </div>

View File

@ -79,6 +79,14 @@ layout: empty
@apply list-none @apply list-none
} }
.plugin_cat {
@apply badge bg-yellow-500 whitespace-nowrap
}
.plugin_tag {
@apply badge bg-blue-400 whitespace-nowrap
}
.max-w-p90 { .max-w-p90 {
max-width: 90% max-width: 90%
} }