rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

updated missing avatars to be a webfont display

Browse Source
This commit is contained in:
RossAscends
2023-04-14 03:27:49 +09:00
parent e7a937eb0a
commit 5ff4d34753
3 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/index.html
View File

@ -1356,9 +1356,7 @@
</div> </div>
<div id="rm_group_chats_block" class="right_menu"> <div id="rm_group_chats_block" class="right_menu">
<div id="rm_group_top_bar"> <div id="rm_group_top_bar">
<div id="rm_button_back_from_group" class="menu_button"> <div id="rm_button_back_from_group" class="menu_button fa-solid fa-left-long"></div>
<div alt="" class="fa-solid fa-left-long "></div>
</div>
<input id="rm_group_chat_name" class="text_pole" type="text" name="chat_name" placeholder="Chat Name (Optional)" /> <input id="rm_group_chat_name" class="text_pole" type="text" name="chat_name" placeholder="Chat Name (Optional)" />
</div> </div>
<div id="rm_group_buttons"> <div id="rm_group_buttons">

4
public/script.js
View File

@ -961,7 +961,9 @@ function addOneMessage(mes, type = "normal", insertAfter = null) {
} }
newMessage.find('.avatar img').on('error', function () { newMessage.find('.avatar img').on('error', function () {
$(this).attr("src", "/img/user-slash-solid.svg"); /* $(this).attr("src", "/img/user-slash-solid.svg"); */
$(this).hide();
$(this).parent().html(`<div class="missing-avatar fa-solid fa-user-slash"></div>`);
}); });
if (type === 'swipe') { if (type === 'swipe') {

6
public/style.css
View File

@ -2377,7 +2377,7 @@ h5 {
} }
#rm_button_back_from_group { #rm_button_back_from_group {
padding: 0; padding: 5px;
} }
#typing_indicator_template { #typing_indicator_template {
@ -2392,6 +2392,10 @@ h5 {
text-shadow: 2px 2px 2px var(--black60a); text-shadow: 2px 2px 2px var(--black60a);
} }
.missing-avatar {
font-size: 36px;
}
.typing_indicator:after { .typing_indicator:after {
display: inline-block; display: inline-block;
vertical-align: bottom; vertical-align: bottom;