rixty
/
SillyTavern
mirror of https://github.com/SillyTavern/SillyTavern.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Display prompts for enlarged images

This commit is contained in:
Cohee 2023-10-22 00:39:11 +03:00
parent 81921bcd77
commit c49f898886
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
public/script.js
View File

@ -6083,6 +6083,7 @@ function enlargeMessageImage() {
const mesId = mesBlock.attr('mesid'); const mesId = mesBlock.attr('mesid');
const message = chat[mesId]; const message = chat[mesId];
const imgSrc = message?.extra?.image; const imgSrc = message?.extra?.image;
const title = message?.extra?.title;
if (!imgSrc) { if (!imgSrc) {
return; return;
@ -6091,7 +6092,11 @@ function enlargeMessageImage() {
const img = document.createElement('img'); const img = document.createElement('img');
img.classList.add('img_enlarged'); img.classList.add('img_enlarged');
img.src = imgSrc; img.src = imgSrc;
callPopup(img.outerHTML, 'text', '', { wide: true, large: true }); const imgContainer = $('<div><pre><code></code></pre></div>');
imgContainer.prepend(img);
imgContainer.addClass('img_enlarged_container');
imgContainer.find('code').text(title);
callPopup(imgContainer, 'text', '', { wide: true, large: true });
} }
function updateAlternateGreetingsHintVisibility(root) { function updateAlternateGreetingsHintVisibility(root) {

6
public/style.css
View File

@ -279,6 +279,11 @@ table.responsiveTable {
font-weight: bold; font-weight: bold;
} }
.img_enlarged_container {
padding: 10px;
}
.img_enlarged_container pre code,
.mes_text pre code { .mes_text pre code {
position: relative; position: relative;
display: block; display: block;
@ -3058,7 +3063,6 @@ a {
.img_enlarged { .img_enlarged {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
padding: 10px 0;
border-radius: 2px; border-radius: 2px;
} }