feat: add refresh button to mobile player card (#26)
This commit is contained in:
@@ -342,6 +342,27 @@
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* Refresh button: hidden by default, revealed only when the card is open.
|
||||
Larger than the desktop icon to give a comfortable touch target (≥44px). */
|
||||
.m-card__head .m-refresh-icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.m-card.is-open .m-card__head .m-refresh-icon {
|
||||
display: grid;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
margin-left: 0;
|
||||
font-size: 15px;
|
||||
opacity: 0.7;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.m-card.is-open .m-card__head .m-refresh-icon:active {
|
||||
opacity: 1;
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.m-card__body {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) auto;
|
||||
|
||||
Reference in New Issue
Block a user