Add padding to navbar to avoid overlap with window control buttons

This commit is contained in:
Agu Rodríguez
2023-01-22 20:26:42 -05:00
parent c5ba0f783a
commit 6cf7da5557

View File

@@ -64,6 +64,14 @@ async function init() {
topDom.id = "chatgpt-app-window-top";
document.body.appendChild(topDom);
const nav = document.body.querySelector('nav');
if (nav) {
const currentPaddingTop = parseInt(window.getComputedStyle(document.querySelector('nav'), null).getPropertyValue('padding-top').replace('px', ''), 10);
const navStyleDom = document.createElement("style");
navStyleDom.innerHTML = `nav{padding-top:${currentPaddingTop + topDom.clientHeight}px !important}`;
document.head.appendChild(navStyleDom);
}
topDom.addEventListener("mousedown", () => invoke("drag_window"));
topDom.addEventListener("touchstart", () => invoke("drag_window"));
topDom.addEventListener("dblclick", () => invoke("fullscreen"));