UI: wrap long game titles, shorten library search placeholder
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
9ee3e1ff6e
commit
4e047f3aa0
2 files changed
+2
-2
No files matched your search
@@ -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="Сортировка"
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in new issue
Block a user