rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-02-09 08:38:53 +01:00
Code Issues Packages Projects Releases Wiki Activity

Tag Folders: Fix big avatars display

Browse Source
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 { .bogus_folder_select_back .avatar {
display: none; display: none !important;
} }
.bogus_folder_select_back .bogus_folder_back_placeholder { .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 { body.charListGrid #rm_print_characters_block .bogus_folder_select_back .avatar {
display: flex; display: flex !important;
} }
/*big avatars mode page-wide changes*/ /*big avatars mode page-wide changes*/
@ -116,7 +116,7 @@ body.big-avatars .bogus_folder_select .avatar {
} }
body.big-avatars .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)); height: calc(var(--avatar-base-height) * var(--big-avatar-height-factor));
/* width: unset; */ /* width: unset; */
border-style: none; 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,
body.big-avatars #user_avatar_block .avatar_upload { 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)); height: calc(var(--avatar-base-height) * var(--big-avatar-height-factor));
border-radius: calc(var(--avatar-base-border-radius) * var(--big-avatar-border-factor)); border-radius: calc(var(--avatar-base-border-radius) * var(--big-avatar-border-factor));
} }
body.big-avatars #user_avatar_block .avatar img { 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)); height: calc(var(--avatar-base-height) * var(--big-avatar-height-factor));
} }
body.big-avatars .avatar img { 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)); height: calc(var(--avatar-base-height) * var(--big-avatar-height-factor));
object-fit: cover; object-fit: cover;
object-position: center; 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)); 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 { body:not(.big-avatars) .avatar_collage {
min-width: var(--avatar-base-width); min-width: var(--avatar-base-width);
aspect-ratio: 1 / 1; aspect-ratio: 1 / 1;