From 3c8e70d827e82bf9f426dbaad9bc4d60177c4e4a Mon Sep 17 00:00:00 2001
From: SillyLossy <titan0599@gmail.com>
Date: Mon, 6 Mar 2023 17:54:00 +0200
Subject: [PATCH] Better waifu image style

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

diff --git a/extensions/expressions/index.js b/extensions/expressions/index.js
index c01a3b1..299a891 100644
--- a/extensions/expressions/index.js
+++ b/extensions/expressions/index.js
@@ -3,7 +3,7 @@ const SETTINGS_KEY = 'extensions_memory_settings';
 const UPDATE_INTERVAL = 1000;
 
 let expressionsList = null;
-let lastCharacter = null;
+let lastCharacter = undefined;
 let lastMessage = null;
 let inApiCall = false;
 
@@ -93,10 +93,14 @@ function removeExpression() {
 
 async function validateImages() {
     const context = getContext();
-    const IMAGE_LIST = (await getExpressionsList()).map(x => `${x}.png`);
     $('.expression_settings').show();
     $('#image_list').empty();
-    
+
+    if (!context.characterId) {
+        return;
+    }
+
+    const IMAGE_LIST = (await getExpressionsList()).map(x => `${x}.png`);
     IMAGE_LIST.forEach((item) => {
         const image = document.createElement('img');
         image.src = `/characters/${context.name2}/${item}`;
diff --git a/extensions/expressions/style.css b/extensions/expressions/style.css
index 7fece83..26df1a4 100644
--- a/extensions/expressions/style.css
+++ b/extensions/expressions/style.css
@@ -2,15 +2,16 @@ div.expression {
     background-image: unset;
     background-repeat: no-repeat;
     background-size: contain;
-    max-width: 200px;
-    max-height: 300px;
+    background-position-y: bottom;
+    max-height: 90vh;
+    max-width: calc((100vw - 800px)/2);
     width: 100%;
     height: 100%;
     position: fixed;
     left: 0;
     bottom: 0;
     margin-left: 10px;
-    filter: drop-shadow(2px 2px 2px #cccccc80);
+    filter: drop-shadow(2px 2px 2px #51515199);
     transition: 500ms;
 }