github-repos/blivechat
1
0
Fork 0
mirror of https://github.com/xfgryujk/blivechat.git synced 2025-03-13 11:20:42 +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 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>

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">
<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;
}