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;