fix: stack hero stats on phones instead of running them together

On phones the hero stats ran together as one sentence, breaking wherever space ran out and leaving a "/" dangling at a line end.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-10-21 20:17:42 +08:00
co-authored by Claude
parent b7964918f3
commit 28b03ce6b7
2 changed files with 11 additions and 3 deletions
+8
View File
@@ -1786,6 +1786,14 @@ th[data-sort].sort-asc::after {
}
@media (max-width: 680px) {
.proof-stat {
display: block;
}
.proof-sep {
display: none;
}
.hero-topbar {
gap: 0.75rem;
}
+3 -3
View File
@@ -27,11 +27,11 @@
<h1>Awesome Python</h1>
<p class="hero-sub">{{ subtitle }}</p>
<p class="hero-proof">
{% if repo_stars %}<span class="proof-stat">{{ repo_stars }}+ stars on GitHub</span>{% endif %} {% if repo_stars and build_date %}/{% endif %} {% if build_date %}<span class="proof-stat">Updated on {{ build_date }}</span>{% endif %} {% if repo_stars or
build_date %}/{% endif %} Maintained by
{% if repo_stars %}<span class="proof-stat">{{ repo_stars }}+ stars on GitHub</span>{% endif %} {% if repo_stars and build_date %}<span class="proof-sep">/</span>{% endif %} {% if build_date %}<span class="proof-stat">Updated on {{ build_date }}</span>{% endif %} {% if repo_stars or
build_date %}<span class="proof-sep">/</span>{% endif %} <span class="proof-stat">Maintained by
<a href="https://github.com/vinta" target="_blank" rel="noopener">@vinta</a>
and
<a href="https://github.com/JinyangWang27" target="_blank" rel="noopener">@JinyangWang27</a>
<a href="https://github.com/JinyangWang27" target="_blank" rel="noopener">@JinyangWang27</a></span>
</p>
<div class="hero-actions">
<a