github-repos/blivechat
1
0
Fork 0
mirror of https://github.com/xfgryujk/blivechat.git synced 2025-03-23 08:10:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

修复冒号两边空白太宽的问题、消息颜色影响重复标记颜色的问题

Browse Source
This commit is contained in:
John Smith 2020-05-09 22:15:34 +08:00
parent 4c7bf69275
commit 06c0dfa3f2
2 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/ChatRenderer/PaidMessage.vue
View File

@ -23,9 +23,9 @@
</div> </div>
</div> </div>
<div id="content" class="style-scope yt-live-chat-paid-message-renderer"> <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"> <div id="message" dir="auto" class="style-scope yt-live-chat-paid-message-renderer">{{
{{content}} content
</div> }}</div>
</div> </div>
</div> </div>
</yt-live-chat-paid-message-renderer> </yt-live-chat-paid-message-renderer>

15
frontend/src/components/ChatRenderer/TextMessage.vue
View File

@ -6,9 +6,9 @@
<div id="content" class="style-scope yt-live-chat-text-message-renderer"> <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> <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"> <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"> <span id="author-name" dir="auto" class="style-scope yt-live-chat-author-chip" :type="authorTypeText">{{
{{authorName}} authorName
<!-- 这里是已验证勋章 --> }}<!-- 这里是已验证勋章 -->
<span id="chip-badges" class="style-scope yt-live-chat-author-chip"></span> <span id="chip-badges" class="style-scope yt-live-chat-author-chip"></span>
</span> </span>
<span id="chat-badges" class="style-scope yt-live-chat-author-chip"> <span id="chat-badges" class="style-scope yt-live-chat-author-chip">
@ -17,9 +17,9 @@
></author-badge> ></author-badge>
</span> </span>
</yt-live-chat-author-chip> </yt-live-chat-author-chip>
<span id="message" class="style-scope yt-live-chat-text-message-renderer"> <span id="message" class="style-scope yt-live-chat-text-message-renderer">{{
{{content}} content
<el-badge :value="repeated" :max="99" v-show="repeated > 1" class="style-scope yt-live-chat-text-message-renderer" }}<el-badge :value="repeated" :max="99" v-show="repeated > 1" class="style-scope yt-live-chat-text-message-renderer"
:style="{'--repeated-mark-color': repeatedMarkColor}" :style="{'--repeated-mark-color': repeatedMarkColor}"
></el-badge> ></el-badge>
</span> </span>
@ -80,7 +80,7 @@ export default {
<style> <style>
yt-live-chat-text-message-renderer>#content>#message>.el-badge { 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 { 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; line-height: 18px !important;
text-shadow: none !important; text-shadow: none !important;
font-family: sans-serif !important; font-family: sans-serif !important;
color: #FFF !important;
background-color: var(--repeated-mark-color) !important; background-color: var(--repeated-mark-color) !important;
border: none; border: none;
} }