diff --git a/public/scripts/extensions/expressions/index.js b/public/scripts/extensions/expressions/index.js index 19d03c3ef..3d6250954 100644 --- a/public/scripts/extensions/expressions/index.js +++ b/public/scripts/extensions/expressions/index.js @@ -123,7 +123,7 @@ async function moduleWorker() { offlineMode.css('display', 'none'); } - + // check if last message changed if ((lastCharacter === context.characterId || lastCharacter === context.groupId) && lastMessage === currentLastMessage.mes) { @@ -349,10 +349,12 @@ function onClickExpressionImage() { (function () { function addExpressionImage() { const html = ` +
`; +
+ `; $('body').append(html); } function addSettings() { diff --git a/public/scripts/extensions/expressions/style.css b/public/scripts/extensions/expressions/style.css index e4a9e60e2..a8212b567 100644 --- a/public/scripts/extensions/expressions/style.css +++ b/public/scripts/extensions/expressions/style.css @@ -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; diff --git a/public/style.css b/public/style.css index 173c1d095..edad54f15 100644 --- a/public/style.css +++ b/public/style.css @@ -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 {