diff --git a/src/js/services/spotify/actions.js b/src/js/services/spotify/actions.js index 11ca1f07..182e0cce 100755 --- a/src/js/services/spotify/actions.js +++ b/src/js/services/spotify/actions.js @@ -506,7 +506,7 @@ export function getDiscover(){ var favorite_tracks_uris = helpers.asURIs(response.items) favorite_tracks_uris = favorite_tracks_uris.sort(() => .5 - Math.random()) - favorite_tracks_uris = favorite_tracks_uris.slice(0,10) + favorite_tracks_uris = favorite_tracks_uris.slice(0,3) for (var i = 0; i < favorite_tracks_uris.length; i++){ diff --git a/src/scss/components/_grid-slider.scss b/src/scss/components/_grid-slider.scss index 629b8bb8..e4b6ecc4 100755 --- a/src/scss/components/_grid-slider.scss +++ b/src/scss/components/_grid-slider.scss @@ -1,12 +1,16 @@ .grid-slider-wrapper { - padding-bottom: 40px; + padding-bottom: 10px; .grid-slider { position: relative; - overflow-x: scroll; + overflow-x: hidden; overflow-y: hidden; - height: 220px; + height: 22vw; + + .has-touch-events & { + overflow-x: scroll; + } .liner { position: absolute; @@ -20,5 +24,21 @@ margin: 0 0.5% !important; } } - } + } + + @include responsive( $bp_medium ){ + .grid-slider { + height: 21vw; + } + } + + @include responsive( 500px ){ + .grid-slider { + height: 40vw; + + .liner { + width: 666.6667%; + } + } + } } \ No newline at end of file diff --git a/src/scss/views/_discover.scss b/src/scss/views/_discover.scss index b27a9826..004561b7 100755 --- a/src/scss/views/_discover.scss +++ b/src/scss/views/_discover.scss @@ -3,4 +3,10 @@ section { padding: 40px; } + + @include responsive( $bp_medium ){ + section { + padding: 20px; + } + } } \ No newline at end of file