diff --git a/dist/index.html b/dist/index.html
index 0610f20..8b9feb6 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -5,7 +5,7 @@
Вечерний детектив
-
+
diff --git a/src/components/GameScreensPanel.vue b/src/components/GameScreensPanel.vue
index 2fc706e..6ef8aa9 100644
--- a/src/components/GameScreensPanel.vue
+++ b/src/components/GameScreensPanel.vue
@@ -1,5 +1,5 @@
@@ -114,22 +119,24 @@ function uploadTrack(options: { file: UploadFileInfo }) {
{{ index + 1 }}
- {{ track.name || track.filename || `Трек ${index + 1}` }}
- {{ track.filename }}
+ {{ track.name || `Трек ${index + 1}` }}
-
- {{ props.music.playback === 'MUSIC_PLAYBACK_PLAYING' ? 'Играет' : 'Выбран' }}
-
- Включить
+ {{
+ index === (props.music.trackIndex ?? 0)
+ ? props.music.playback === 'MUSIC_PLAYBACK_PLAYING'
+ ? 'Играет'
+ : 'Выбран'
+ : 'Включить'
+ }}
Удалить
@@ -198,7 +205,7 @@ function uploadTrack(options: { file: UploadFileInfo }) {
}
.volume-input {
- width: 96px;
+ width: 108px;
}
.screen-row {
@@ -254,15 +261,15 @@ function uploadTrack(options: { file: UploadFileInfo }) {
align-items: center;
display: flex;
flex: 1;
+ gap: 12px;
overflow: hidden;
- padding-left: 8px;
}
.track-number {
color: #aaa;
- flex: 0 0 28px;
+ flex: 0 0 20px;
font-variant-numeric: tabular-nums;
- text-align: center;
+ text-align: left;
}
.track-details {
@@ -278,17 +285,14 @@ function uploadTrack(options: { file: UploadFileInfo }) {
white-space: nowrap;
}
-.track-filename {
- color: #aaa;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
.track-actions {
flex: 0 0 auto;
}
+.track-switch-active {
+ font-weight: 600;
+}
+
@media (width < 1024px) {
.track-list {
padding: 0;
@@ -302,7 +306,6 @@ function uploadTrack(options: { file: UploadFileInfo }) {
}
.track-main {
- padding-left: 0;
width: 100%;
}