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 {