UI: wrap long game titles, shorten library search placeholder

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
mrleo1nidandClaude Sonnet 5.5 committed 2026-10-25 03:48:57 +03:00
1 parent 9ee3e1ff6e
commit 4e047f3aa0
2 files changed
+2 -2

No files matched your search

+1 -1
View File
@@ -125,7 +125,7 @@ export function Library() {
<div className="toolbar" style={{ marginTop: shelf.length && !filtering ? "var(--space-5)" : 0 }}>
<div className="search">
<Icon name="search" size={20} />
<input type="search" placeholder="Поиск по названию, описанию или тегу…" value={query}
<input type="search" placeholder="Поиск по играм и тегам…" value={query}
onChange={(e) => setQuery(e.target.value)} aria-label="Поиск" />
</div>
<select value={sort} onChange={(e) => changeSort(e.target.value as Sort)} aria-label="Сортировка"
+1 -1
View File
@@ -554,7 +554,7 @@ input[type="file"] { padding: 0.4rem; }
.game-card-media .badge-warn { color: #ffb066; }
.game-card-media .badge-error { color: #ff8588; }
.game-card-body { padding: 0.75rem 0.9rem 0.9rem; display: flex; flex-direction: column; gap: 0.4rem; flex: 1; }
.game-card-title { font-weight: 650; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.game-card-title { overflow-wrap: anywhere; font-weight: 650; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.game-card-meta { margin-top: auto; font-size: 0.82rem; color: var(--muted); }
.cover {