fuck mobile
This commit is contained in:
parent
7dd38bac80
commit
83403d43a6
1 changed files with 39 additions and 3 deletions
42
styles.css
42
styles.css
|
|
@ -2602,9 +2602,45 @@ body.multi-select-mode .track-item:hover {
|
||||||
|
|
||||||
@media (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
#page-artist .detail-header {
|
#page-artist .detail-header {
|
||||||
margin-top: calc((var(--spacing-sm) + var(--spacing-xl)) * -1);
|
margin-top: -5rem;
|
||||||
margin-left: calc(var(--spacing-sm) * -1);
|
margin-left: -1rem;
|
||||||
margin-right: calc(var(--spacing-sm) * -1);
|
margin-right: -1rem;
|
||||||
|
padding: 5rem 1rem 2rem 1rem;
|
||||||
|
min-height: 300px;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
|
gap: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-artist .detail-header-image {
|
||||||
|
width: 140px;
|
||||||
|
height: 140px;
|
||||||
|
border-width: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-artist .detail-header-info .title {
|
||||||
|
font-size: 2rem;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-artist .detail-header-info .meta {
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-artist .detail-header-actions {
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-artist .artist-bio {
|
||||||
|
text-align: center;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
line-height: 1.4;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue