ngn/dumb
1
0
Fork 0
Code Issues 1 Pull Requests 3 Actions Packages Activity

fix: display albums and artists on the search page, and also few css fixes

Browse Source
This commit is contained in:
rramiachraf
2024-06-10 12:16:11 +01:00
parent e6e9d5b16d
commit 355b721069
6 changed files with 94 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
style/artist.css
View File

@ -66,3 +66,7 @@
#artist-section h2 {
font-size: 2rem;
}
.dark #artist-section h2 {
color: #ddd;
}

6
style/lyrics.css
View File

@ -47,13 +47,13 @@
flex-basis: 0;
}
#about {
#description {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
#about p {
#description p {
font-size: 1.4rem;
color: #171717;
line-height: 1.8rem;
@ -121,7 +121,7 @@
color: #ddd;
}
.dark #about p,
.dark #description p,
.dark #credits summary {
color: #ccc;
}

61
style/search.css
View File

@ -15,13 +15,19 @@
#search-results {
display: flex;
flex-direction: column;
gap: 1rem;
gap: 4rem;
}
#search-results h1 {
text-align: center;
color: #111;
font-size: 2.5rem;
#search-results h2 {
color: #222;
font-size: 1.8rem;
font-weight: 500;
}
#search-section {
display: flex;
flex-direction: column;
gap: 1rem;
}
#search-item {
@ -34,9 +40,9 @@
box-shadow: 0 1px 1px #ddd;
}
#search-item h2 {
#search-item h3 {
font-size: 1.8rem;
color: #222;
color: #333;
}
#search-item span {
@ -58,44 +64,7 @@
color: #222;
}
#search-results {
display: flex;
flex-direction: column;
gap: 1rem;
}
#search-results h1 {
text-align: center;
color: #111;
font-size: 2.5rem;
}
#search-item {
display: flex;
height: 8rem;
border: 1px solid #eee;
border-radius: 5px;
gap: 1rem;
padding: 1rem;
box-shadow: 0 1px 1px #ddd;
}
#search-item h2 {
font-size: 1.8rem;
color: #222;
}
#search-item span {
font-size: 1.3rem;
color: #333;
}
#search-item img {
width: 8rem;
border-radius: 5px;
}
.dark #search-page h1 {
.dark #search-page h2 {
color: #eee;
}
@ -103,7 +72,7 @@
border: 1px solid #888;
}
.dark #search-item h2 {
.dark #search-item h3 {
color: #ddd;
}