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

Adjustments for zoomed_avatar on ultrawide screens

This commit is contained in:
Cohee 2023-12-01 14:47:11 +02:00
parent 726bb2e041
commit 95df016d57
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
public/style.css
View File

@ -3585,10 +3585,18 @@ a {
} }
.zoomed_avatar { .zoomed_avatar {
/* Max height with 2/3 aspect ratio */
--maxWidth: calc(90vh * 0.666);
/* Left gap between the left corner and chat */
--leftGapWidth: calc((100vw - var(--sheldWidth)) / 2);
/* Left position of the avatar (half of the gap minus half of the avatar width) */
--leftPosition: max(0px, calc((var(--leftGapWidth) - var(--maxWidth)) / 2));
aspect-ratio: 2 / 3; aspect-ratio: 2 / 3;
padding: 0; padding: 0;
border: 0; border: 0;
background-color: transparent; background-color: transparent;
max-width: var(--maxWidth);
left: var(--leftPosition);
} }
.zoomed_avatar img { .zoomed_avatar img {