deemix-webui/public/css/modules/tabs/search-tab.css

69 lines
1.0 KiB
CSS

#main_search .search_section {
float: none;
cursor: pointer;
border-top: 1px solid var(--separator);
padding-top: 20px;
padding-bottom: 20px;
}
/* Top Result */
.top_result_header {
font-size: 2rem;
}
.search_header {
font-size: 1.75rem;
margin-bottom: 25px;
}
.top_result {
display: flex;
align-items: center;
}
.top_result > .cover_container {
width: 156px;
height: 156px;
}
.top_result > .info_box {
display: inline-block;
padding-left: 24px;
}
.top_result > .info_box > p,
.release .primary-text,
.release .secondary-text {
margin: 0px;
margin-bottom: 4px;
}
/* Releases */
.release .secondary-text {
opacity: 0.75;
font-size: 14px;
}
.release .secondary-text .material-icons {
font-size: 17px !important;
margin-left: 4px;
}
.release_grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));
grid-gap: 1rem;
}
.release_grid.firstrow_only {
grid-template-rows: 1fr;
grid-auto-rows: 0;
grid-row-gap: 0px;
overflow-y: hidden;
}
.track_row > td > img {
width: 32px;
height: 32px;
}