Compare commits
3 Commits
Author | SHA1 | Date | |
---|---|---|---|
ac9696f38a | |||
582a54617e | |||
4a59b8b1d3 |
@ -1,3 +1,16 @@
|
|||||||
|
shell = require('electron').shell
|
||||||
|
|
||||||
|
document.addEventListener('DOMContentLoaded', () ->
|
||||||
|
links = document.querySelectorAll('a[href^="http"]')
|
||||||
|
i = 0
|
||||||
|
while i < links.length
|
||||||
|
links[i].addEventListener('click', (event) ->
|
||||||
|
event.preventDefault()
|
||||||
|
shell.openExternal(this.href)
|
||||||
|
)
|
||||||
|
i++
|
||||||
|
)
|
||||||
|
|
||||||
@openTab = (tab) ->
|
@openTab = (tab) ->
|
||||||
# show the component info that's selected
|
# show the component info that's selected
|
||||||
tabs = document.querySelectorAll('.tab-button')
|
tabs = document.querySelectorAll('.tab-button')
|
||||||
|
@ -1,5 +1,11 @@
|
|||||||
$tab-bar-height: 50px
|
$tab-bar-height: 50px
|
||||||
|
|
||||||
|
$primary-color: #009688
|
||||||
|
$primary-color-light: lighten($primary-color, 10%)
|
||||||
|
$primary-color-dark: darken($primary-color, 10%)
|
||||||
|
|
||||||
|
$default-transition: all 230ms ease-in-out
|
||||||
|
|
||||||
body
|
body
|
||||||
margin: 0
|
margin: 0
|
||||||
padding: $tab-bar-height 0 90px
|
padding: $tab-bar-height 0 90px
|
||||||
@ -7,20 +13,20 @@ body
|
|||||||
font-size: 18px
|
font-size: 18px
|
||||||
|
|
||||||
a
|
a
|
||||||
color: cornflowerblue
|
color: $primary-color
|
||||||
transition: all 200ms ease-in-out
|
transition: $default-transition
|
||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
color: darken(cornflowerblue, 10%)
|
color: $primary-color-light
|
||||||
|
|
||||||
input
|
input
|
||||||
transition: all 200ms ease-in-out
|
transition: $default-transition
|
||||||
|
|
||||||
input[type=submit],
|
input[type=submit],
|
||||||
button
|
button
|
||||||
background-color: cornflowerblue
|
background-color: cornflowerblue
|
||||||
color: #f0f0f0
|
color: #f0f0f0
|
||||||
transition: all 200ms ease-in-out
|
transition: $default-transition
|
||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
background-color: darken(cornflowerblue, 10%)
|
background-color: darken(cornflowerblue, 10%)
|
||||||
@ -69,9 +75,10 @@ button
|
|||||||
color: #212121
|
color: #212121
|
||||||
font-size: 2rem
|
font-size: 2rem
|
||||||
font-weight: bold
|
font-weight: bold
|
||||||
transition: all 230ms ease-in-out
|
transition: $default-transition
|
||||||
|
|
||||||
&.active
|
&.active,
|
||||||
|
&:hover
|
||||||
background-color: white
|
background-color: white
|
||||||
|
|
||||||
.component-display
|
.component-display
|
||||||
@ -142,6 +149,9 @@ table.hardware-info
|
|||||||
p.no-margin
|
p.no-margin
|
||||||
margin-bottom: 0
|
margin-bottom: 0
|
||||||
|
|
||||||
|
p#version-info
|
||||||
|
text-decoration: underline
|
||||||
|
|
||||||
#systemPages
|
#systemPages
|
||||||
> div:nth-child(2n + 3)
|
> div:nth-child(2n + 3)
|
||||||
margin-left: 0
|
margin-left: 0
|
||||||
|
@ -47,7 +47,7 @@
|
|||||||
<div class="container fluid">
|
<div class="container fluid">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="columns three">
|
<div class="columns three">
|
||||||
<p class="faded-text no-margin u-text-center">Sentry v<span id="app-version"></span></p>
|
<p id="version-info" class="no-margin u-text-center">Sentry v<span id="app-version"></span></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="columns six">
|
<div class="columns six">
|
||||||
<p class="no-margin u-text-center">Developed by Bit Goblin free of charge.</p>
|
<p class="no-margin u-text-center">Developed by Bit Goblin free of charge.</p>
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "sentry",
|
"name": "sentry",
|
||||||
"version": "0.3.1",
|
"version": "0.3.2",
|
||||||
"description": "Desktop app to view system information and sensors",
|
"description": "Desktop app to view system information and sensors",
|
||||||
"main": "main.js",
|
"main": "main.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
Reference in New Issue
Block a user