cory/tildefriends
5
6
Fork 2
Code Issues 36 Pull Requests Actions Releases 35 Wiki Activity

ssb: Fix letterboxing/pillarboxing of images regardless of aspect ratio.
Some checks failed
Build Tilde Friends / Build-All (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Cory McWilliams
2025-07-09 18:53:27 -04:00
parent 5f729efabe
commit 6703c5b584
3 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/ssb.json
View File

@ -1,5 +1,5 @@
{ {
"type": "tildefriends-app", "type": "tildefriends-app",
"emoji": "🦀", "emoji": "🦀",
"previous": "&CRrPneLR7JTozkE2RdcTj6JJszqnAin4xPpQpNtCAFE=.sha256" "previous": "&ZrdjhiNgjE8U8nlHezw+Hiry43VaNO5i0OAr3ncVVkE=.sha256"
} }

6
apps/ssb/tf-message.js
View File

@ -191,12 +191,12 @@ class TfMessageElement extends LitElement {
div.style.display = 'grid'; div.style.display = 'grid';
let img = document.createElement('img'); let img = document.createElement('img');
img.src = link; img.src = link;
img.style.maxWidth = '100%'; img.style.maxWidth = '100vw';
img.style.maxHeight = '100%'; img.style.maxHeight = '100vh';
img.style.display = 'block'; img.style.display = 'block';
img.style.margin = 'auto'; img.style.margin = 'auto';
img.style.objectFit = 'contain'; img.style.objectFit = 'contain';
img.style.width = '100%'; img.style.width = '100vw';
div.appendChild(img); div.appendChild(img);
function image_close(event) { function image_close(event) {
document.body.removeChild(div); document.body.removeChild(div);

6
apps/ssb/tf-profile.js
View File

@ -179,12 +179,12 @@ class TfProfileElement extends LitElement {
div.style.display = 'grid'; div.style.display = 'grid';
let img = document.createElement('img'); let img = document.createElement('img');
img.src = link; img.src = link;
img.style.maxWidth = '100%'; img.style.maxWidth = '100vw';
img.style.maxHeight = '100%'; img.style.maxHeight = '100vh';
img.style.display = 'block'; img.style.display = 'block';
img.style.margin = 'auto'; img.style.margin = 'auto';
img.style.objectFit = 'contain'; img.style.objectFit = 'contain';
img.style.width = '100%'; img.style.width = '100vw';
div.appendChild(img); div.appendChild(img);
function image_close(event) { function image_close(event) {
document.body.removeChild(div); document.body.removeChild(div);