engineering/uncloseai.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): restore natural modal sizing while keeping mobile positioning

Browse source 
- Remove forced width/height constraints that broke modal appearance
- Keep transform-based centering to fix mobile viewport issues
- Let content determine modal size naturally for better visual design
- Preserve original styling while maintaining mobile compatibility
This commit is contained in:
Russell Ballestrini 2025-07-01 21:44:46 -04:00
parent 88644403b6
commit bdd33652a3
1 changed files with 0 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/ui.js
View file

@ -1338,10 +1338,7 @@ export function openTTSModal() {
if (USE_CUSTOM_STYLING) {
modal.style.cssText += `
width: 90vw;
max-width: 720px;
height: auto;
max-height: 80vh;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
@ -1350,21 +1347,14 @@ export function openTTSModal() {
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
background: white;
margin: 0;
padding: 0;
overflow: auto;
`;
} else {
modal.style.cssText += `
width: 90vw;
max-width: 720px;
height: auto;
max-height: 80vh;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
padding: 0;
overflow: auto;
`;
}
@ -1617,10 +1607,7 @@ export function openTranslateModal() {
if (USE_CUSTOM_STYLING) {
modal.style.cssText += `
width: 90vw;
max-width: 720px;
height: 80vh;
max-height: 600px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
@ -1629,21 +1616,14 @@ export function openTranslateModal() {
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
background: white;
margin: 0;
padding: 0;
overflow: auto;
`;
} else {
modal.style.cssText += `
width: 90vw;
max-width: 720px;
height: 80vh;
max-height: 600px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
padding: 0;
overflow: auto;
`;
}