From 06c0dfa3f2c3f3a50dff8d06ca5f6ac6f94dfb04 Mon Sep 17 00:00:00 2001
From: John Smith <xfgryujk@126.com>
Date: Sat, 9 May 2020 22:15:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=86=92=E5=8F=B7=E4=B8=A4?=
 =?UTF-8?q?=E8=BE=B9=E7=A9=BA=E7=99=BD=E5=A4=AA=E5=AE=BD=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=E3=80=81=E6=B6=88=E6=81=AF=E9=A2=9C=E8=89=B2=E5=BD=B1?=
 =?UTF-8?q?=E5=93=8D=E9=87=8D=E5=A4=8D=E6=A0=87=E8=AE=B0=E9=A2=9C=E8=89=B2?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/ChatRenderer/PaidMessage.vue   |  6 +++---
 .../src/components/ChatRenderer/TextMessage.vue   | 15 ++++++++-------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/ChatRenderer/PaidMessage.vue b/frontend/src/components/ChatRenderer/PaidMessage.vue
index a39b8cd..5c87d2e 100644
--- a/frontend/src/components/ChatRenderer/PaidMessage.vue
+++ b/frontend/src/components/ChatRenderer/PaidMessage.vue
@@ -23,9 +23,9 @@
         </div>
       </div>
       <div id="content" class="style-scope yt-live-chat-paid-message-renderer">
-        <div id="message" dir="auto" class="style-scope yt-live-chat-paid-message-renderer">
-          {{content}}
-        </div>
+        <div id="message" dir="auto" class="style-scope yt-live-chat-paid-message-renderer">{{
+          content
+        }}</div>
       </div>
     </div>
   </yt-live-chat-paid-message-renderer>
diff --git a/frontend/src/components/ChatRenderer/TextMessage.vue b/frontend/src/components/ChatRenderer/TextMessage.vue
index 77f7a3a..c3c3a10 100644
--- a/frontend/src/components/ChatRenderer/TextMessage.vue
+++ b/frontend/src/components/ChatRenderer/TextMessage.vue
@@ -6,9 +6,9 @@
     <div id="content" class="style-scope yt-live-chat-text-message-renderer">
       <span id="timestamp" class="style-scope yt-live-chat-text-message-renderer">{{timeText}}</span>
       <yt-live-chat-author-chip class="style-scope yt-live-chat-text-message-renderer">
-        <span id="author-name" dir="auto" class="style-scope yt-live-chat-author-chip" :type="authorTypeText">
-          {{authorName}}
-          <!-- 这里是已验证勋章 -->
+        <span id="author-name" dir="auto" class="style-scope yt-live-chat-author-chip" :type="authorTypeText">{{
+          authorName
+          }}<!-- 这里是已验证勋章 -->
           <span id="chip-badges" class="style-scope yt-live-chat-author-chip"></span>
         </span>
         <span id="chat-badges" class="style-scope yt-live-chat-author-chip">
@@ -17,9 +17,9 @@
           ></author-badge>
         </span>
       </yt-live-chat-author-chip>
-      <span id="message" class="style-scope yt-live-chat-text-message-renderer">
-        {{content}}
-        <el-badge :value="repeated" :max="99" v-show="repeated > 1" class="style-scope yt-live-chat-text-message-renderer"
+      <span id="message" class="style-scope yt-live-chat-text-message-renderer">{{
+        content
+        }}<el-badge :value="repeated" :max="99" v-show="repeated > 1" class="style-scope yt-live-chat-text-message-renderer"
           :style="{'--repeated-mark-color': repeatedMarkColor}"
         ></el-badge>
       </span>
@@ -80,7 +80,7 @@ export default {
 
 <style>
 yt-live-chat-text-message-renderer>#content>#message>.el-badge {
-  margin-left: 5px;
+  margin-left: 10px;
 }
 
 yt-live-chat-text-message-renderer>#content>#message>.el-badge .el-badge__content {
@@ -88,6 +88,7 @@ yt-live-chat-text-message-renderer>#content>#message>.el-badge .el-badge__conten
   line-height: 18px !important;
   text-shadow: none !important;
   font-family: sans-serif !important;
+  color: #FFF !important;
   background-color: var(--repeated-mark-color) !important;
   border: none;
 }