feat: show category label on mobile in project name column

On narrow screens the category column is hidden. This adds a .mobile-cat
span inside the name cell that renders the first category below the
project name, giving mobile users the context they were missing.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-03-22 15:26:36 +08:00
parent 5a8c565a88
commit 0308fd1b3c
2 changed files with 17 additions and 0 deletions

View File

@@ -611,6 +611,10 @@ kbd {
white-space: nowrap;
}
.mobile-cat {
display: none;
}
.col-name > a {
color: var(--ink);
font-size: clamp(1rem, 1.5vw, 1.08rem);
@@ -1066,6 +1070,18 @@ th[data-sort].sort-asc::after {
display: none;
}
.col-name {
white-space: normal;
}
.mobile-cat {
display: block;
margin-top: 0.25rem;
font-size: var(--text-tag);
font-weight: 600;
color: var(--ink-muted);
}
.col-stars {
width: 5.4rem;
}