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

#670 Add square avatars

Browse Source
This commit is contained in:
Cohee
2023-11-26 15:27:54 +02:00
parent e6c96553d0
commit 19f758a0fb
3 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
public/css/toggle-dependent.css
View File

@ -17,6 +17,13 @@ body.no-modelIcons .icon-svg {
display: none !important; display: none !important;
} }
body.square-avatars .avatar,
body.square-avatars .avatar img,
body.square-avatars .hotswapAvatar,
body.square-avatars .hotswapAvatar img {
border-radius: 2px !important;
}
/*char list grid mode*/ /*char list grid mode*/
body.charListGrid #rm_print_characters_block { body.charListGrid #rm_print_characters_block {
@ -359,10 +366,10 @@ body.expandMessageActions .mes .mes_buttons .extraMesButtonsHint {
display: none !important; display: none !important;
} }
#openai_image_inlining:not(:checked) ~ #image_inlining_hint { #openai_image_inlining:not(:checked)~#image_inlining_hint {
display: none; display: none;
} }
#openai_image_inlining:checked ~ #image_inlining_hint { #openai_image_inlining:checked~#image_inlining_hint {
display: block; display: block;
} }

1
public/index.html
View File

@ -2699,6 +2699,7 @@
<span data-i18n="Avatar Style">Avatars:</span> <span data-i18n="Avatar Style">Avatars:</span>
<select id="avatar_style" class="widthNatural flex1 margin0"> <select id="avatar_style" class="widthNatural flex1 margin0">
<option value="0" data-i18n="Circle">Circle</option> <option value="0" data-i18n="Circle">Circle</option>
<option value="2" data-i18n="Square">Square</option>
<option value="1" data-i18n="Rectangle">Rectangle</option> <option value="1" data-i18n="Rectangle">Rectangle</option>
</select> </select>
</div> </div>

2
public/scripts/power-user.js
View File

@ -66,6 +66,7 @@ export const ui_mode = {
const avatar_styles = { const avatar_styles = {
ROUND: 0, ROUND: 0,
RECTANGULAR: 1, RECTANGULAR: 1,
SQUARE: 2,
} }
export const chat_styles = { export const chat_styles = {
@ -856,6 +857,7 @@ function noShadows() {
function applyAvatarStyle() { function applyAvatarStyle() {
power_user.avatar_style = Number(localStorage.getItem(storage_keys.avatar_style) ?? avatar_styles.ROUND); power_user.avatar_style = Number(localStorage.getItem(storage_keys.avatar_style) ?? avatar_styles.ROUND);
$("body").toggleClass("big-avatars", power_user.avatar_style === avatar_styles.RECTANGULAR); $("body").toggleClass("big-avatars", power_user.avatar_style === avatar_styles.RECTANGULAR);
$("body").toggleClass("square-avatars", power_user.avatar_style === avatar_styles.SQUARE);
$("#avatar_style").val(power_user.avatar_style).prop("selected", true); $("#avatar_style").val(power_user.avatar_style).prop("selected", true);
//$(`input[name="avatar_style"][value="${power_user.avatar_style}"]`).prop("checked", true); //$(`input[name="avatar_style"][value="${power_user.avatar_style}"]`).prop("checked", true);