andatoshiki/toshiki-home-nuxt3
1
0
Fork 0
mirror of https://github.com/andatoshiki/toshiki-home-nuxt3.git synced 2026-06-06 00:46:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

style(overflow): add temporary tweak patch for songs page for avoiding child element within lstfm div container card is too long that pushes container out of screen breaking responsivness by adding overflow x value with a scrollbar

Browse Source
This commit is contained in:
Anda Toshiki 2024-05-09 17:55:57 -07:00
parent 86bb38a634
commit 0763b6b4ec
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/me/songs.vue
View File

@ -123,7 +123,7 @@ export default Vue.extend({
<section id="top-songs"> <section id="top-songs">
<Title class="mb-4">Top Songs (last 7 days)</Title> <Title class="mb-4">Top Songs (last 7 days)</Title>
<div class="grid gap-x-4 gap-y-2 break-all md:grid-cols-2"> <div class="overflow-x-scroll grid gap-x-4 gap-y-2 md:grid-cols-2 card-margin">
<CardLastFm <CardLastFm
v-for="song of lastFm.topTracks" v-for="song of lastFm.topTracks"
:key="song.name" :key="song.name"
@ -155,7 +155,7 @@ export default Vue.extend({
<section id="recent"> <section id="recent">
<Title class="mb-4">Recent Songs</Title> <Title class="mb-4">Recent Songs</Title>
<div class="grid gap-x-4 gap-y-2 md:grid-cols-2"> <div class="overflow-x-scroll grid gap-x-4 gap-y-2 md:grid-cols-2">
<CardLastFm <CardLastFm
v-for="song of lastFm.recentTracks" v-for="song of lastFm.recentTracks"
:key="song.name" :key="song.name"