up

dist/index.html

@@ -5,7 +5,7 @@
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Вечерний детектив</title>
-    <script type="module" crossorigin src="/assets/index-VWZDnxHd.js"></script>
+    <script type="module" crossorigin src="/assets/index-nLpziLPJ.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/client-BPUTdqiR.js">
     <link rel="modulepreload" crossorigin href="/assets/light-CAboqKml.js">
     <link rel="modulepreload" crossorigin href="/assets/light-p8ayFy8X.js">

src/components/GameScreensPanel.vue

@@ -103,13 +103,6 @@ function uploadTrack(options: { file: UploadFileInfo }) {
         style="min-width: 220px"
         @update:value="(value) => emit('setMusic', { playlistID: value || 0, trackIndex: 0, playback: 'MUSIC_PLAYBACK_STOPPED' })"
       />
-      <n-select
-        v-if="props.music?.playlist?.tracks?.length"
-        :value="props.music.trackIndex"
-        :options="props.music.playlist.tracks.map((track, index) => ({ label: track.name || track.filename || `Трек ${index + 1}`, value: index }))"
-        style="min-width: 220px"
-        @update:value="(value) => emit('setMusic', { trackIndex: value, positionMs: 0 })"
-      />
       <div v-if="props.music?.playlist" class="track-list">
         <p v-if="!props.music.playlist.tracks?.length" class="track-empty">В плейлисте пока нет треков.</p>
         <div
@@ -118,10 +111,12 @@ function uploadTrack(options: { file: UploadFileInfo }) {
           class="track-row"
           :class="{ 'track-row-active': index === (props.music.trackIndex ?? 0) }"
         >
-          <n-button class="track-name" text @click="emit('setMusic', { trackIndex: index, positionMs: 0 })">
-            {{ track.name || track.filename || `Трек ${index + 1}` }}
+          <n-button class="track-main" text @click="emit('setMusic', { trackIndex: index, positionMs: 0 })">
+            <span class="track-details">
+              <span class="track-name">{{ track.name || track.filename || `Трек ${index + 1}` }}</span>
+              <span class="track-filename">{{ track.filename }}</span>
+            </span>
           </n-button>
-          <span class="track-filename">{{ track.filename }}</span>
           <n-button size="small" type="error" ghost @click="emit('deleteTrack', track.ID!)">
             Удалить
           </n-button>
@@ -211,25 +206,36 @@ function uploadTrack(options: { file: UploadFileInfo }) {
   border-top: 1px solid rgb(255 255 255 / 10%);
   display: flex;
   gap: 8px;
-  padding: 6px 0;
+  justify-content: space-between;
+  padding: 8px 0;
 }
 
 .track-row-active {
   background: rgb(255 255 255 / 5%);
 }
 
-.track-name {
+.track-main {
+  flex: 1;
   justify-content: flex-start;
-  min-width: 180px;
   overflow: hidden;
   text-align: left;
+}
+
+.track-details {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  text-align: left;
+}
+
+.track-name {
+  overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 .track-filename {
   color: #aaa;
-  flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;