Something went wrong. Try again.
Self-hosted web interface and downloader for Qobuz.
downloader self-hosted music qobuz
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221.results-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--album-grid-card-min-width), 1fr)); gap: 13px; margin-bottom: 24px;
&:last-of-type { margin-bottom: 0; }}
.load-more-container { grid-column: 1 / -1; display: flex; justify-content: center; padding: 12px 0;}
.artist-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--artist-grid-card-min-width), 1fr)); gap: 10px; margin-bottom: 24px;}
.artist-card { display: flex; justify-content: flex-start; padding: 13px; gap: 8px; margin-bottom: 0;
& .artist-card-avatar { display: block; flex-shrink: 0; line-height: 0; text-decoration: none; color: inherit;
& .artist-card-image { width: 96px; height: 96px; aspect-ratio: 1 / 1; object-fit: cover; background-color: var(--surface-high-color); border: 2px ridge var(--border-color); display: block; } }
& .artist-card-meta { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 8px; flex: 1; min-inline-size: 0;
& .artist-card-info { max-inline-size: 100%;
& .artist-card-title { font-weight: 600; font-size: 0.95rem; margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
& .artist-card-count { font-size: 0.8rem; opacity: 0.8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }
& .btn { align-self: flex-end; flex-shrink: 0; } }}
.album-card { background-color: var(--surface-color); border: 1px outset var(--border-color); padding: 13px; display: flex; flex-direction: column; justify-content: space-between; position: relative;
& .album-card-reason-overlay { position: absolute; left: 0; top: 32px; z-index: 2; }
& .album-cover-link { display: block; line-height: 0; text-decoration: none; color: inherit; }
& .album-cover-placeholder { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; margin-bottom: 10px; background-color: var(--surface-high-color); border: 4px ridge var(--border-color); display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 600; }
& .album-header-group { margin-bottom: 6px;
& .album-card-title { font-size: 0.88rem; font-weight: 600; margin-bottom: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
& .album-card-artist { font-weight: 500; font-size: 0.82rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }
& .album-specs-group { margin-bottom: 6px;
& .album-card-label { opacity: 0.85; font-size: 0.75rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
& .album-card-specs { opacity: 0.85; font-size: 0.75rem; margin-top: 2px; }
& .album-card-badge { margin-top: 5px; } }
& .album-card-barcode { opacity: 0.6; font-size: 0.7rem; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
& a { color: inherit; text-decoration: none;
&:hover { text-decoration: underline; opacity: 1; } } }
& .album-card-actions { margin-top: 6px; display: flex; gap: 5px;
& .btn-details { flex: 1; font-size: 0.75rem; padding: 5px 8px;
&:active { padding: 5.5px 7.5px 4.5px 8.5px; } }
& .btn-download { font-size: 0.75rem; padding: 5px 8px;
&:active { padding: 5.5px 7.5px 4.5px 8.5px; } } }}
.artist-link { color: inherit; text-decoration: none;
&:hover { text-decoration: underline; color: var(--accent-color); }}