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:
parent
42c3246684
commit
06ce02bc29
1 changed files with 4 additions and 6 deletions
10
src/ui.js
10
src/ui.js
|
|
@ -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%;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue