rixty
/
SillyTavern
mirror of https://github.com/SillyTavern/SillyTavern.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Tag Folders: Fix big avatars display

This commit is contained in:
Wolfsblvt 2024-03-07 04:34:12 +01:00
parent 9f42cafc39
commit 1b18969771
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/tags.css
View File

@ -248,7 +248,7 @@
}
.bogus_folder_select_back .avatar {
display: none;
display: none !important;
}
.bogus_folder_select_back .bogus_folder_back_placeholder {

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

@ -105,7 +105,7 @@ body.charListGrid #rm_print_characters_block .bogus_folder_select_back .bogus_fo
}
body.charListGrid #rm_print_characters_block .bogus_folder_select_back .avatar {
display: flex;
display: flex !important;
}
/*big avatars mode page-wide changes*/
@ -116,7 +116,7 @@ body.big-avatars .bogus_folder_select .avatar {
}
body.big-avatars .avatar {
width: calc(var(--avatar-base-height) * var(--big-avatar-width-factor));
width: calc(var(--avatar-base-width) * var(--big-avatar-width-factor));
height: calc(var(--avatar-base-height) * var(--big-avatar-height-factor));
/* width: unset; */
border-style: none;
@ -131,18 +131,18 @@ body.big-avatars .avatar {
body.big-avatars #user_avatar_block .avatar,
body.big-avatars #user_avatar_block .avatar_upload {
width: calc(var(--avatar-base-height) * var(--big-avatar-width-factor));
width: calc(var(--avatar-base-width) * var(--big-avatar-width-factor));
height: calc(var(--avatar-base-height) * var(--big-avatar-height-factor));
border-radius: calc(var(--avatar-base-border-radius) * var(--big-avatar-border-factor));
}
body.big-avatars #user_avatar_block .avatar img {
width: calc(var(--avatar-base-height) * var(--big-avatar-width-factor));
width: calc(var(--avatar-base-width) * var(--big-avatar-width-factor));
height: calc(var(--avatar-base-height) * var(--big-avatar-height-factor));
}
body.big-avatars .avatar img {
width: calc(var(--avatar-base-height) * var(--big-avatar-width-factor));
width: calc(var(--avatar-base-width) * var(--big-avatar-width-factor));
height: calc(var(--avatar-base-height) * var(--big-avatar-height-factor));
object-fit: cover;
object-position: center;
@ -150,6 +150,10 @@ body.big-avatars .avatar img {
border-radius: calc(var(--avatar-base-border-radius) * var(--big-avatar-border-factor));
}
body.big-avatars .bogus_folder_select_back .bogus_folder_back_placeholder {
width: calc(var(--avatar-base-width) * var(--big-avatar-width-factor));
}
body:not(.big-avatars) .avatar_collage {
min-width: var(--avatar-base-width);
aspect-ratio: 1 / 1;