diff --git a/app/index.css b/app/index.css index 3034331..b2966b9 100644 --- a/app/index.css +++ b/app/index.css @@ -122,6 +122,10 @@ label::after { background-image: url('../static/minimize.svg'); } +.icon--maximize { + background-image: url('../static/maximize.svg'); +} + .icon--close { background-image: url('../static/close.svg'); } diff --git a/app/index.html b/app/index.html index 4286ad8..2064111 100644 --- a/app/index.html +++ b/app/index.html @@ -72,6 +72,7 @@ <h1 class="modal__title">More</h1> <h1 class="app__title">Caligator</h1> <div class="app__controls"> <i id="app--minimize" class="icon icon--minimize"></i> + <i id="app--maximize" class="icon icon--maximize"></i> <i id="app--close" class="icon icon--close"></i> </div> </header> diff --git a/app/script.js b/app/script.js index cd06b77..e5878f6 100644 --- a/app/script.js +++ b/app/script.js @@ -248,6 +248,13 @@ const appPopup = document.querySelectorAll('.modal')[0]; window.minimize(); }); + document + .querySelector('#app--maximize') + .addEventListener('click', () => { + const window = BrowserWindow.getFocusedWindow(); + window.maximize(); + }); + document.querySelector('#app--close').addEventListener('click', () => { const window = BrowserWindow.getFocusedWindow(); window.close(); diff --git a/static/maximize.svg b/static/maximize.svg new file mode 100644 index 0000000..ec7a993 --- /dev/null +++ b/static/maximize.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" > + <rect id="Rectangle_1" data-name="Rectangle 1" width="24" height="24" fill="#353535" fill-opacity="0" style="stroke: #353535; stroke-width: 6"/> +</svg>