Merge pull request #392 from jxxghp/cursor/translate-missing-string-and-adjust-slider-max-value-4d93

src/locales/en-US.ts

@@ -872,7 +872,7 @@ export default {
     batchEnableError: 'Batch enable operation failed',
     batchPauseError: 'Batch pause operation failed',
     batchDeleteError: 'Batch delete operation failed',
-    minSubscribers: 'Min Subscribers',
+    minSubscribers: 'Minimum Subscribers',
   },
   recommend: {
     all: 'All',

src/views/subscribe/SubscribePopularView.vue

@@ -217,33 +217,20 @@ async function fetchData({ done }: { done: any }) {
       <div class="mr-5">
         <VLabel>{{ t('tmdb.rating') }}</VLabel>
       </div>
-      <div class="flex align-center" style="width: 300px;">
+      <VSlider
-        <VTextField
         v-model="filterParams.min_rating"
-          variant="outlined"
+        thumb-label
-          density="compact"
-          type="number"
-          hide-details
-          single-line
-          min="0"
         max="10"
-          step="0.1"
-          style="width: 80px;"
-        />
-        <span class="mx-2">-</span>
-        <VTextField
-          v-model="filterParams.max_rating"
-          variant="outlined"
-          density="compact"
-          type="number"
-          hide-details
-          single-line
         min="0"
-          max="10"
+        :step="0.1"
-          step="0.1"
+        class="align-center"
-          style="width: 80px;"
+        hide-details
-        />
+        style="width: 200px;"
-      </div>
+      >
+        <template v-slot:append>
+          <span class="ml-2 text-body-2">- 10</span>
+        </template>
+      </VSlider>
     </div>
     
     <div class="flex justify-start align-center">

src/views/subscribe/SubscribeShareView.vue

@@ -236,33 +236,20 @@ function removeData(id: number) {
       <div class="mr-5">
         <VLabel>{{ t('tmdb.rating') }}</VLabel>
       </div>
-      <div class="flex align-center" style="width: 300px;">
+      <VSlider
-        <VTextField
         v-model="filterParams.min_rating"
-          variant="outlined"
+        thumb-label
-          density="compact"
-          type="number"
-          hide-details
-          single-line
-          min="0"
         max="10"
-          step="0.1"
-          style="width: 80px;"
-        />
-        <span class="mx-2">-</span>
-        <VTextField
-          v-model="filterParams.max_rating"
-          variant="outlined"
-          density="compact"
-          type="number"
-          hide-details
-          single-line
         min="0"
-          max="10"
+        :step="0.1"
-          step="0.1"
+        class="align-center"
-          style="width: 80px;"
+        hide-details
-        />
+        style="width: 200px;"
-      </div>
+      >
+        <template v-slot:append>
+          <span class="ml-2 text-body-2">- 10</span>
+        </template>
+      </VSlider>
     </div>
   </div>