diff --git a/themes/superstar/_www/new-songs.html b/themes/superstar/_www/new-songs.html index fd12402..b9c6dee 100644 --- a/themes/superstar/_www/new-songs.html +++ b/themes/superstar/_www/new-songs.html @@ -350,15 +350,15 @@ const row = document.createElement('tr'); const songNameCell = document.createElement('td'); const singerCell = document.createElement('td'); - const languageCell = document.createElement('td'); + // const languageCell = document.createElement('td'); songNameCell.textContent = song.Song; singerCell.textContent = song.ArtistA; - languageCell.textContent = song.Category; + // languageCell.textContent = song.Category; row.appendChild(songNameCell); row.appendChild(singerCell); - row.appendChild(languageCell); + // row.appendChild(languageCell); row.addEventListener('click', (e) => { e.preventDefault(); @@ -369,7 +369,7 @@ document.getElementById('detail-song-name').textContent = song.Song; document.getElementById('detail-song-number').textContent = song.SongNumber; document.getElementById('detail-singer').textContent = song.ArtistA; - document.getElementById('detail-language').textContent = song.Category; + // document.getElementById('detail-language').textContent = song.Category; document.getElementById('song-details').style.display = 'block'; }); diff --git a/themes/superstar/_www/sound-control.html b/themes/superstar/_www/sound-control.html index 6c5e639..1a60417 100644 --- a/themes/superstar/_www/sound-control.html +++ b/themes/superstar/_www/sound-control.html @@ -80,26 +80,20 @@ } .content { display: grid; - grid-template-columns: repeat(3, 1fr); /* 固定3欄 */ - gap: 5px; /* 移除格子之間的空隙 */ - margin: 0; /* 沒有外邊距 */ - padding: 0; /* 沒有內邊距 */ - width: 36.5vw; /* 滿版寬度 */ + grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); + gap: 5px; } @media (max-width: 600px) { .content { display: grid; - grid-template-columns: repeat(3, 1fr); /* 固定3欄 */ - gap: 5px; /* 移除格子之間的空隙 */ - margin: 0; /* 沒有外邊距 */ - padding: 0; /* 沒有內邊距 */ - width: 78vw; /* 滿版寬度 */ + grid-template-columns: repeat(3, 1fr); + gap: 5px; } } .card { background: linear-gradient(135deg, #FF4081, #FF4081); color: white; - width: 130px; + width: 100%; display: flex; align-items: center; justify-content: center;