Steev/NervUpdaterClient
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updated visual

Browse Source
This commit is contained in:
steev 2023-02-04 23:32:31 +01:00
parent f5d37ef232
commit 2e25143e0f
3 changed files with 52 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
index.html
View File

@ -12,10 +12,23 @@
<div class="titlebar">NCOS Companion</div> <div class="titlebar">NCOS Companion</div>
<div class="content"> <div class="content">
<h1 class="centered">Latest Version: V<span id="latest">0.0.0</span></h1> <h1 class="centered">Latest Version: V<span id="latest">0.0.0</span></h1>
<h4 class="centered">Installed: V<span id="installed">0.0.0</span></h4> <div class="row">
<button class="download" id="download">Update to V<span id="latest">0.0.0</span></button> <div class="col-6">
<h4 class="centered">Installed: V<span id="installed">0.0.0</span></h4>
<button class="download" id="download">Update to V<span id="latest">0.0.0</span></button>
</div>
<div class="col-6">
<h4 class="centered">Downloading...</h4>
<div id="myBar"><span id="progress-label">100%</span></div>
</div>
</div>
</div>
</div> </div>
<!-- You can also require other files to run in this process --> <!-- You can also require other files to run in this process -->
<script src="./renderer.js"></script> <script src="./renderer.js"></script>
<script>
var str = window.getComputedStyle(document.getElementById("progress"), ':after').getPropertyValue('width');
console.log(str)
</script>
</body> </body>
</html> </html>

1
index.js
View File

@ -9,6 +9,7 @@ const createWindow = () => {
height: 300, height: 300,
backgroundColor: '#2f3241', backgroundColor: '#2f3241',
symbolColor: '#74b1be', symbolColor: '#74b1be',
resizable: false,
titleBarStyle: 'hidden', titleBarStyle: 'hidden',
titleBarOverlay: true, titleBarOverlay: true,
titleBarOverlay: { titleBarOverlay: {

37
style.css
View File

@ -8,6 +8,11 @@ button {
-webkit-app-region: no-drag; -webkit-app-region: no-drag;
} }
h4 {
padding: 0;
margin: 0;
margin-bottom: 10px;
}
.content { .content {
padding-left: 20.5%; padding-left: 20.5%;
padding-right: 20.5%; padding-right: 20.5%;
@ -26,6 +31,36 @@ button {
background-color: #74b1be; background-color: #74b1be;
color: white; color: white;
border-radius: 5px; border-radius: 5px;
font-size: 20px;
padding: 5px; padding: 5px;
width: 90%;
font-size: 15px;
height: 33px;
}
.row {
width: 100%;
display: flex;
}
.col-6 {
width: 50%;
}
#myProgress {
width: 100%;
border-radius: 5px;
border: 1px solid #74b1be;
}
#myBar {
width: 100%;
height: 33px;
border-radius: 5px;
background-color: #74b1be;
}
#progress-label {
position: absolute;
color: white;
padding: 1.5%;
} }