mirror of
https://github.com/MewoLab/AquaDX.git
synced 2026-02-10 17:37:27 +08:00
fix: mobile styling for favorites (#181)
This commit is contained in:
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user