mirror of
https://github.com/Psychotoxical/psysonic.git
synced 2026-07-22 07:15:47 +00:00
Frank Stellmacher
2eb23e99b5
The components.css split (PR #657) wrote `result-items.css` to disk, but .gitignore line 57 (`result-*`) silently filtered it out of `git add -A`. Local builds worked because the file existed on the splitter's machine; fresh clones fail with `ENOENT: no such file or directory` when vite resolves the `@import './result-items.css';` in components/index.css. Force-adding with `git add -f` keeps the broad `result-*` ignore for test artifacts intact.
78 lines
1.3 KiB
CSS
78 lines
1.3 KiB
CSS
/* ─── Result items ─── */
|
|
.mobile-search-item {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
width: 100%;
|
|
padding: 10px 16px;
|
|
background: none;
|
|
border: none;
|
|
cursor: pointer;
|
|
text-align: left;
|
|
transition: background var(--transition-fast);
|
|
}
|
|
|
|
.mobile-search-item:active {
|
|
background: var(--bg-hover);
|
|
}
|
|
|
|
.mobile-search-thumb {
|
|
width: 46px;
|
|
height: 46px;
|
|
border-radius: 6px;
|
|
object-fit: cover;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.mobile-search-thumb--artist-round {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.mobile-search-avatar {
|
|
width: 46px;
|
|
height: 46px;
|
|
border-radius: 8px;
|
|
background: var(--bg-card);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: var(--text-muted);
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.mobile-search-avatar--circle {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.mobile-search-item-info {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 3px;
|
|
min-width: 0;
|
|
flex: 1;
|
|
}
|
|
|
|
.mobile-search-item-title {
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
color: var(--text-primary);
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.mobile-search-item-sub {
|
|
font-size: 13px;
|
|
color: var(--text-muted);
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.mobile-search-item-chevron {
|
|
color: var(--text-muted);
|
|
opacity: 0.4;
|
|
flex-shrink: 0;
|
|
}
|
|
|