change font to OpenSans
This commit is contained in:
parent
6a661ebec3
commit
8e7304b300
18
dashboard.go
18
dashboard.go
|
@ -18,7 +18,7 @@ const dashboardHTML = `
|
||||||
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
|
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script>
|
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script>
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js"></script>
|
||||||
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,900" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,800" rel="stylesheet">
|
||||||
<title>Dashboard</title>
|
<title>Dashboard</title>
|
||||||
<style>
|
<style>
|
||||||
|
|
||||||
|
@ -45,7 +45,7 @@ const dashboardHTML = `
|
||||||
|
|
||||||
html, body, .dashboard {
|
html, body, .dashboard {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
font: 1em roboto, verdana, arial, helvetica, sans-serif;
|
font: 1em 'Open Sans', verdana, sans-serif;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -74,10 +74,10 @@ const dashboardHTML = `
|
||||||
.list-inner { flex-direction: column }
|
.list-inner { flex-direction: column }
|
||||||
.list-item {
|
.list-item {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
font-weight: 300;
|
font-weight: 400;
|
||||||
height: 52px;
|
height: 52px;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
color: var(--b0D);
|
color: var(--b03);
|
||||||
background: var(--b07);
|
background: var(--b07);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin-bottom: .5rem;
|
margin-bottom: .5rem;
|
||||||
|
@ -88,6 +88,7 @@ const dashboardHTML = `
|
||||||
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
|
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
.list-item.selected {
|
.list-item.selected {
|
||||||
|
color: var(--b0D);
|
||||||
border-right: 1rem solid var(--b0D);
|
border-right: 1rem solid var(--b0D);
|
||||||
transition: border .1s linear;
|
transition: border .1s linear;
|
||||||
}
|
}
|
||||||
|
@ -107,13 +108,18 @@ const dashboardHTML = `
|
||||||
|
|
||||||
.req-inner, .res-inner { flex-direction: column }
|
.req-inner, .res-inner { flex-direction: column }
|
||||||
|
|
||||||
pre { flex: 1; color: var(--b03); word-break: normal; word-wrap: break-word; white-space: pre-wrap; z-index: 1 }
|
pre {
|
||||||
|
flex: 1;
|
||||||
|
color: var(--b03);
|
||||||
|
word-break: normal; word-wrap: break-word; white-space: pre-wrap;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
.req-inner:before, .res-inner:before {
|
.req-inner:before, .res-inner:before {
|
||||||
bottom: 1rem;
|
bottom: 1rem;
|
||||||
font-size: 4em;
|
font-size: 4em;
|
||||||
color: var(--b06);
|
color: var(--b06);
|
||||||
position: fixed;
|
position: fixed;
|
||||||
font-weight: 900;
|
font-weight: 800;
|
||||||
}
|
}
|
||||||
.req-inner:before {
|
.req-inner:before {
|
||||||
content: "REQUEST";
|
content: "REQUEST";
|
||||||
|
|
Loading…
Reference in a new issue