diff --git a/pages/music/music.go b/pages/music/music.go index 38f9ec79..da00dd90 100644 --- a/pages/music/music.go +++ b/pages/music/music.go @@ -8,7 +8,7 @@ import ( "github.com/animenotifier/notify.moe/components" ) -const maxTracks = 10 +const maxTracks = 9 // Get renders the music page. func Get(ctx *aero.Context) string { diff --git a/pages/music/music.scarlet b/pages/music/music.scarlet index fcaa5a19..247ec453 100644 --- a/pages/music/music.scarlet +++ b/pages/music/music.scarlet @@ -1,8 +1,13 @@ .sound-tracks - vertical + horizontal-wrap + justify-content space-around .sound-track vertical + flex 1 + flex-basis 500px + padding 1rem + .sound-track-content horizontal @@ -21,7 +26,11 @@ opacity 0.65 .sound-track-anime-link - // + display none + +> 800px + .sound-track-anime-link + display block .sound-track-anime-image max-width 142px diff --git a/pages/profile/profile.scarlet b/pages/profile/profile.scarlet index 15704c88..80742404 100644 --- a/pages/profile/profile.scarlet +++ b/pages/profile/profile.scarlet @@ -90,22 +90,4 @@ profile-boot-duration = 2s // Categories .profile-category - margin-bottom content-padding - - .sound-tracks - horizontal-wrap - justify-content space-around - - .sound-track-anime-link - display none - - .sound-track - flex 1 - flex-basis 500px - padding 1rem - -> 800px - .profile-category - .sound-tracks - .sound-track-anime-link - display block \ No newline at end of file + margin-bottom content-padding \ No newline at end of file