fix: mobile styling for favorites (#181)

This commit is contained in:
crxmsxn
2025-10-04 13:57:31 -04:00
committed by GitHub
parent 2ab2666ad0
commit d5b777d720

View File

@@ -571,17 +571,14 @@
.favorites .favorites
.scores .scores
display: flex display: grid
flex-wrap: wrap grid-template-columns: repeat(auto-fill, minmax(260px, 1fr))
flex-direction: row
gap: 20px gap: 20px
// Image and song info // Image and song info
> div > div
display: flex display: flex
align-items: center align-items: center
width: calc(calc(100% / 3) - 20px) // what the fuck is going on anymore
gap: 20px gap: 20px
background-color: rgba(white, 0.03) background-color: rgba(white, 0.03)
@@ -607,7 +604,7 @@
// Limit song name to one line // Limit song name to one line
.song-title .song-title
max-width: 100% max-width: 90%
overflow: hidden overflow: hidden
text-overflow: ellipsis text-overflow: ellipsis
white-space: nowrap white-space: nowrap