Improve zoom handling and setup UI layout

Enhanced zoom target selection to better support parent windows in desktop mode and improved menu popup zoom refresh. Updated setup.css to refine layout, scrolling, and visual effects, including better handling for small screen heights and improved sticky footer appearance.
This commit is contained in:
2026-01-22 13:11:41 +13:00
parent 28d2daf06d
commit 8d41692f03
3 changed files with 35 additions and 5 deletions
+3
View File
@@ -35,6 +35,9 @@ window.addEventListener('click', (e) => {
if (!btn) return;
const cmd = btn.getAttribute('data-cmd');
window.electronAPI?.send?.('menu-popup-command', { cmd });
if (cmd === 'zoom-in' || cmd === 'zoom-out') {
setTimeout(refreshZoom, 50);
}
});
window.addEventListener('keydown', (e) => {
+25 -4
View File
@@ -50,9 +50,10 @@ body, html {
flex-direction: column;
align-items: center;
justify-content: space-between;
height: 100vh;
min-height: 100vh;
padding: 2rem;
overflow-y: auto;
overflow: hidden;
}
/* Progress Bar */
@@ -130,7 +131,7 @@ body, html {
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
justify-content: flex-start;
width: 100%;
max-width: 900px;
flex: 1;
@@ -159,6 +160,8 @@ body, html {
margin-bottom: 2rem;
flex: 1;
min-height: 0;
overflow-y: auto;
padding-right: 0.5rem;
}
.setup-title {
@@ -528,8 +531,8 @@ body, html {
padding-bottom: 1rem;
position: sticky;
bottom: 0;
background: transparent;
backdrop-filter: none;
background: linear-gradient(180deg, rgba(18, 20, 24, 0), rgba(18, 20, 24, 0.85) 45%, rgba(18, 20, 24, 0.95));
backdrop-filter: blur(6px);
}
.btn {
@@ -642,3 +645,21 @@ body, html {
width: 100%;
}
}
@media (max-height: 700px) {
.progress-bar {
margin-bottom: 1.25rem;
}
.step-content {
margin-bottom: 1rem;
}
.setup-subtitle {
margin-bottom: 1.25rem;
}
.feature-grid {
margin: 1rem 0;
}
}