mirror of
https://github.com/got-feedBack/feedBack.git
synced 2026-10-03 03:27:52 +00:00
byrongamatosandClaude Fable 5
702a9c6daa
Byron's progression tuning: club at 50★, arena at 150★. /state now returns star_detail rows (title/artist joined from the library, stars, best accuracy, next-star threshold) sorted closest-to-next-star first, and the career screen renders a collection panel: tier summary plus a per-song list with a 'N% to next star' practice hint. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
67 lines
1.8 KiB
CSS
67 lines
1.8 KiB
CSS
/* Career plugin — only what the prebuilt core Tailwind doesn't ship
|
|
(plugin files are outside the core content glob, so responsive grid
|
|
variants and cyan button shades live here under plugin-prefixed names). */
|
|
|
|
.career-venues {
|
|
display: grid;
|
|
gap: 1rem;
|
|
grid-template-columns: 1fr;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.career-venues { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
|
}
|
|
|
|
.career-btn {
|
|
font-size: 0.75rem;
|
|
line-height: 1rem;
|
|
padding: 0.25rem 0.5rem;
|
|
border-radius: 0.375rem;
|
|
transition: background-color 0.15s ease;
|
|
}
|
|
.career-btn-primary { background-color: #0891b2; color: #fff; }
|
|
.career-btn-primary:hover { background-color: #06b6d4; }
|
|
.career-btn-ghost { background-color: rgba(31, 41, 55, 0.7); color: #d1d5db; }
|
|
.career-btn-ghost:hover { background-color: rgba(55, 65, 81, 0.9); }
|
|
|
|
.career-bar-track {
|
|
height: 0.5rem;
|
|
border-radius: 0.25rem;
|
|
background-color: rgba(31, 41, 55, 0.9);
|
|
overflow: hidden;
|
|
}
|
|
.career-bar-fill {
|
|
height: 100%;
|
|
background-color: #06b6d4;
|
|
transition: width 0.3s ease;
|
|
}
|
|
|
|
.career-star-list {
|
|
display: grid;
|
|
gap: 0.375rem;
|
|
}
|
|
.career-star-row {
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 0.75rem;
|
|
padding: 0.375rem 0.625rem;
|
|
border-radius: 0.5rem;
|
|
background-color: rgba(31, 41, 55, 0.4);
|
|
font-size: 0.8rem;
|
|
}
|
|
.career-star-row .stars {
|
|
color: #facc15;
|
|
letter-spacing: 0.1em;
|
|
min-width: 3.2em;
|
|
}
|
|
.career-star-row .stars .off { color: rgba(250, 204, 21, 0.25); }
|
|
.career-star-row .song {
|
|
color: #e5e7eb;
|
|
flex: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.career-star-row .song .artist { color: #9ca3af; }
|
|
.career-star-row .hint { color: #6b7280; white-space: nowrap; }
|
|
.career-star-row .hint.close { color: #22d3ee; }
|