fix(hermes): remove max-width constraint from hermes modal

- Remove max-width: 800px that was forcing modal to be too wide
- Let modal use only 95vw to scale properly with viewport
- Should prevent overflow on smaller screens
This commit is contained in:
Russell Ballestrini 2025-07-01 22:19:29 -04:00
parent 42c3246684
commit 06ce02bc29

View file

@ -490,7 +490,6 @@ export async function openHermesModal() {
if (USE_CUSTOM_STYLING) {
modal.style.cssText += `
width: 95vw;
max-width: 720px;
max-height: 95vh;
top: 50%;
left: 50%;
@ -506,7 +505,6 @@ export async function openHermesModal() {
} else {
modal.style.cssText += `
width: 95vw;
max-width: 720px;
max-height: 95vh;
top: 50%;
left: 50%;
@ -1352,7 +1350,7 @@ export function openTTSModal() {
if (USE_CUSTOM_STYLING) {
modal.style.cssText += `
width: 95vw;
max-width: 720px;
max-width: 800px;
max-height: 95vh;
top: 50%;
left: 50%;
@ -1367,7 +1365,7 @@ export function openTTSModal() {
} else {
modal.style.cssText += `
width: 95vw;
max-width: 720px;
max-width: 800px;
max-height: 95vh;
top: 50%;
left: 50%;
@ -1635,7 +1633,7 @@ export function openTranslateModal() {
if (USE_CUSTOM_STYLING) {
modal.style.cssText += `
width: 95vw;
max-width: 720px;
max-width: 800px;
max-height: 95vh;
top: 50%;
left: 50%;
@ -1650,7 +1648,7 @@ export function openTranslateModal() {
} else {
modal.style.cssText += `
width: 95vw;
max-width: 720px;
max-width: 800px;
max-height: 95vh;
top: 50%;
left: 50%;