From b47b13b7ba155ebc1d4226c8a264bfe6885be370 Mon Sep 17 00:00:00 2001
From: RossAscends <124905043+RossAscends@users.noreply.github.com>
Date: Sat, 22 Apr 2023 03:20:25 +0900
Subject: [PATCH] fixed waifu mode expression centering for PC

---
 public/scripts/extensions/expressions/index.js  | 6 ++++--
 public/scripts/extensions/expressions/style.css | 7 +++++++
 public/style.css                                | 8 --------
 3 files changed, 11 insertions(+), 10 deletions(-)

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 = `
+        <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>
+        </div>`;
         $('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 {