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

fixed waifu mode expression centering for PC

Browse Source
This commit is contained in:
RossAscends
2023-04-22 03:20:25 +09:00
parent 1a914df4e0
commit b47b13b7ba
3 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/scripts/extensions/expressions/index.js
View File

@ -349,9 +349,11 @@ function onClickExpressionImage() {
(function () {
function addExpressionImage() {
const html = `
<div id="expression-wrapper">
<div id="expression-holder" class="expression-holder" style="display:none;">
<div id="expression-holderheader" class="fa-solid fa-grip drag-grabber"></div>
<img id="expression-image" class="expression">
</div>
</div>`;
$('body').append(html);
}

7
public/scripts/extensions/expressions/style.css
View File

@ -4,6 +4,13 @@
vertical-align: middle;
}
#expression-wrapper {
display: flex;
height: calc(100vh - 40px);
width: 100vw;
justify-content: center;
}
.expression-holder {
min-width: 100px;
min-height: 100px;

8
public/style.css
View File

@ -3320,17 +3320,9 @@ body.waifuMode .expression-holder {
max-width: 90vw;
height: 90vh;
width: fit-content;
/* position: unset; */
left: calc((100vw - var(--sheldWidth))/2);
margin: 0 auto;
bottom: 0;
filter: drop-shadow(2px 2px 2px #51515199);
z-index: 2;
/* resize: both; */
}
body.waifuMode img.expression {
/* height: 90vh; */
}
body.movingUI .drag-grabber {