olcxjas-softworks/LarpixClient
2
0
Fork 1
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions 3

fix aspect ratio and cropping on small screens
All checks were successful
Android Build / publish (push) Successful in 33s
Details
Linux Build / publish (push) Successful in 55s
Details

Browse source
This commit is contained in:
olcxja 2026-06-24 00:11:37 +02:00
commit 19c3dbb42d
4 changed files with 90 additions and 80 deletions
Download patch file Download diff file Expand all files Collapse all files

17
webroot/main.js
View file

@ -1452,14 +1452,6 @@ function logout() {
window.location.href = "login/index.html";
}
function gotoSettings() {
if (fixedContextMenu.classList.contains("show")) {
fixedContextMenu.classList.remove("show");
if (typeof clearContextMenuStyles === "function") clearContextMenuStyles();
setActiveSidebarIndicator(currentMainIndicator);
}
}
let isProfileOpen = false;
async function openProfile(accountId) {
@ -2863,7 +2855,7 @@ async function gotoSettings(tab = 'account') {
function switchSettingsTab(tabName) {
setActiveRoombarItem('tab-settings-' + tabName);
if (tabName === 'account') {
switchRoomContent("title.account", accountSettings, false);
switchRoomContent("title.account", accountSettings, false, null, true); //skip mobile slide
} else if (tabName === 'profile') {
switchRoomContent("title.profile", profileSettings, false);
setTimeout(async () => {
@ -3037,8 +3029,13 @@ function initCropper() {
let targetWidth = cropperType === 'avatar' ? 512 : 494;
let targetHeight = cropperType === 'avatar' ? targetWidth : 200;
container.style.height = 'auto';
container.style.maxHeight = 'calc(85vh - 16rem)';
container.style.aspectRatio = `${targetWidth} / ${targetHeight}`;
// Force layout recalculation
void container.offsetHeight;
let containerWidth = container.clientWidth || 300;
container.style.height = (containerWidth * (targetHeight / targetWidth)) + 'px';
let imgWidth = cropperImageObj.width;
let imgHeight = cropperImageObj.height;