fix

src/components/TeamStoryPage.vue

@@ -216,6 +216,11 @@ const paperControlsOverrides = {
     textColor: 'black',
     textColorDisabled: 'black',
   },
+  Rate: {
+    itemColor: 'black',
+    itemColorHover: 'black',
+    itemColorActive: 'black',
+  },
 }
 
 async function submitReview() {
@@ -275,22 +280,24 @@ useSimplePolling(() => {
         <div class="font">Игра завершена. Спасибо за участие!</div>
       </MessagePaper>
       <MessagePaper v-if="!reviewSubmitted" class="review-block">
-        <div class="font review-title">Оцените игру</div>
-        <hr class="review-hr" />
-        <div class="font review-label">Оценка</div>
-        <n-rate v-model:value="reviewRating" :count="5" />
-        <n-input
-          v-model:value="reviewText"
-          class="review-input"
-          type="textarea"
-          :autosize="{ minRows: 4, maxRows: 8 }"
-          placeholder="Расскажите, как прошла игра"
-        />
-        <n-flex justify="end">
-          <button type="button" class="paper-button" :disabled="reviewLoading" @click="submitReview">
-            Отправить отзыв
-          </button>
-        </n-flex>
+        <div class="font">Оцените игру</div>
+        <hr class="questions-hr" />
+        <n-config-provider :theme-overrides="paperControlsOverrides">
+          <div class="review-rating font">Оценка</div>
+          <n-rate v-model:value="reviewRating" :count="5" />
+          <n-input
+            v-model:value="reviewText"
+            class="review-input"
+            type="textarea"
+            :autosize="{ minRows: 4, maxRows: 8 }"
+            placeholder="Расскажите, как прошла игра"
+          />
+          <n-flex justify="end" class="questions-actions">
+            <button type="button" class="paper-button" :disabled="reviewLoading" @click="submitReview">
+              Отправить отзыв
+            </button>
+          </n-flex>
+        </n-config-provider>
       </MessagePaper>
     </div>
     <div v-else class="width700">
@@ -398,23 +405,8 @@ useSimplePolling(() => {
   margin-top: 20px;
 }
 
-.review-title {
-  color: black;
-}
-
-.review-hr {
-  border: dashed 1px;
-  border-color: black;
-  margin: 10px 0;
-}
-
-.review-label {
-  color: black;
-  margin-bottom: 6px;
-}
-
 .review-input {
-  margin: 14px 0;
+  margin-top: 14px;
 }
 
 .smooth-scroll {