style: hashtags as pills

This commit is contained in:
Ayo Ayco 2025-01-18 20:56:32 +01:00
parent 4bd80c31a5
commit 490f72038c
2 changed files with 9 additions and 5 deletions

View file

@ -93,7 +93,8 @@
} }
} }
.pill { .pill,
.hashtag {
border-radius: 2em; border-radius: 2em;
background-color: rgba(197, 209, 222, 0.25); background-color: rgba(197, 209, 222, 0.25);
margin: 0 0.5em 0.5em 0; margin: 0 0.5em 0.5em 0;
@ -284,7 +285,8 @@
} }
} }
.pill { .pill,
.hashtag {
background-color: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.15);
color: var(--text-color-light-faded); color: var(--text-color-light-faded);

View file

@ -99,7 +99,8 @@
} }
} }
.pill { .pill,
.hashtag {
border-radius: 2em; border-radius: 2em;
background-color: rgba(197, 209, 222, 0.25); background-color: rgba(197, 209, 222, 0.25);
margin: 0 0.5em 0.5em 0; margin: 0 0.5em 0.5em 0;
@ -291,7 +292,8 @@
} }
} }
.pill { .pill,
.hashtag {
background-color: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.15);
color: var(--text-color-light-faded); color: var(--text-color-light-faded);
@ -317,7 +319,7 @@
{% for tag in tags %} {% for tag in tags %}
<a class="pill" href="{{url_for('threads.tag', id=tag.name) }}"> <a class="pill" href="{{url_for('threads.tag', id=tag.name) }}">
<span class="pill-label">{{ tag.statuses_count }}</span> <span class="pill-label">{{ tag.statuses_count }}</span>
{{ tag.name }} #{{ tag.name }}
</a> </a>
{% endfor %} {% endfor %}
</div> </div>