diff --git a/webapi/public/css/vspd.css b/webapi/public/css/vspd.css index 306e583..8cf090f 100644 --- a/webapi/public/css/vspd.css +++ b/webapi/public/css/vspd.css @@ -1,6 +1,15 @@ +html, body { + height: 100%; +} body { - background-color: #F3F5F6; + background-color: #F9FAFA; color: #3D5873; + display: flex; + flex-direction: column; +} + +.page-content { + flex: 1 0 auto; } .logo--logo { @@ -14,11 +23,47 @@ body { color: #091440; } -th { - white-space: nowrap; +.vsp-overview { + color: #8997A5; + background-color: #ffffff; + font-size: 16px; } -td { - font-family: "vspd-code"; +.vsp-overview h1 { + color: #3D5873; + font-size: 28px; +} + +.vsp-stats .stat-title { + font-size: 14px; + color: #596D81; +} + +.vsp-stats .stat-value { + font-size: 24px; + color: #091440; +} + +footer { + flex-shrink: 0; + font-size: 0.8rem; + background-color: #091440; + color: #8997a5; + width: 100%; +} + +footer .code { word-break: break-word; } + +.footer__credit { + background-color: rgba(237,239,241,.1); + text-align: right; + color: #8997a5; +} + +@media (max-width: 768px) { + .footer__credit { + text-align: center; + } +} diff --git a/webapi/templates/footer.html b/webapi/templates/footer.html index 91d89bf..9da3ebc 100644 --- a/webapi/templates/footer.html +++ b/webapi/templates/footer.html @@ -1,5 +1,27 @@ {{ define "footer" }} - + + + + + -{{ end }} \ No newline at end of file +{{ end }} diff --git a/webapi/templates/header.html b/webapi/templates/header.html index 46836ed..aa38454 100644 --- a/webapi/templates/header.html +++ b/webapi/templates/header.html @@ -42,40 +42,36 @@ - +
+ + -
{{ if .VspStats.Debug }} - {{ end }}