pezkuwichain/pezkuwi-telemetry
1
Fork 0
mirror of https://github.com/pezkuwichain/pezkuwi-telemetry.git synced 2026-10-20 18:56:21 +00:00
Code Releases Activity

Style adjustments

Browse Source
This commit is contained in:
maciejhirsz committed 2018-07-12 18:22:49 +02:00
1 parent 464caba671
commit 19b70e1d93
5 files changed
+46 -26
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/frontend/src/components/Ago.tsx
+2 -2
View File
@@ -41,14 +41,14 @@ export class Ago extends React.Component<Ago.Props, Ago.State> {
super(props); super(props);
this.state = { this.state = {
now: (timestamp() + Ago.timeDiff) as Types.Timestamp now: (timestamp() - Ago.timeDiff) as Types.Timestamp
}; };
} }
public componentWillMount() { public componentWillMount() {
tickers.set(this, (now) => { tickers.set(this, (now) => {
this.setState({ this.setState({
now: (now + Ago.timeDiff) as Types.Timestamp now: (now - Ago.timeDiff) as Types.Timestamp
}); });
}) })
} }
packages/frontend/src/components/Chain.css
+4
View File
@@ -1,5 +1,7 @@
.Chain-header { .Chain-header {
width: 100%; width: 100%;
height: 108px;
overflow: hidden;
background: #eee; background: #eee;
color: #000; color: #000;
} }
@@ -8,6 +10,8 @@
position: absolute; position: absolute;
left: 0; /*80px;*/ left: 0; /*80px;*/
right: 0; right: 0;
bottom: 0;
top: 148px;
min-height: 50vh; min-height: 50vh;
background: #222; background: #222;
color: #fff; color: #fff;
packages/frontend/src/components/Chains.css
+32 -19
View File
@@ -1,30 +1,43 @@
.Chains { .Chains {
background: #3c3c3b; background: #3c3c3b;
color: #fff; color: #fff;
padding: 0.25em 1em; padding: 0 1em;
height: 40px;
} }
.Chains .Icon { .Chains .Icon {
margin-right: 1em; margin-right: 1em;
} }
.Chains-chain { .Chains-chain {
padding: 0.25em 0.75em; padding: 0 12px;
margin-left: 0.5em; background: #222;
background: #222; color: #999;
color: #999; display: inline-block;
border-radius: 0.3em; margin: 0 0 0 1px;
display: inline-block; height: 40px;
cursor: pointer; line-height: 40px;
font-family: monospace, sans-serif; cursor: pointer;
font-size: 0.8em; font-family: monospace, sans-serif;
font-weight: bold; font-size: 0.8em;
font-weight: bold;
position: relative;
}
.Chains-node-count {
padding: 0.2em 0.5em;
border-radius: 0.3em;
background: #888;
color: #fff;
text-shadow: rgba(0,0,0,0.5) 0 1px 0;
} }
.Chains-chain-selected { .Chains-chain-selected {
background: #eee; background: #eee;
color: #000; color: #000;
border-radius: 0.3em 0.3em 0 0; z-index: 1;
padding-bottom: 1em; }
margin-bottom: -1em;
.Chains-chain-selected .Chains-node-count {
background: #d64ca8;
} }
packages/frontend/src/components/Chains.tsx
+1 -1
View File
@@ -41,7 +41,7 @@ export class Chains extends React.Component<Chains.Props, {}> {
return ( return (
<a key={label} className={className} onClick={this.subscribe.bind(this, label)}> <a key={label} className={className} onClick={this.subscribe.bind(this, label)}>
{label} ({nodeCount}) {label} <span className="Chains-node-count">{nodeCount}</span>
</a> </a>
) )
} }
packages/frontend/src/components/Tile.css
+7 -4
View File
@@ -1,15 +1,15 @@
.Tile { .Tile {
font-size: 2.5em; font-size: 2.5em;
padding: 20px;
text-align: left; text-align: left;
width: 220px; width: 260px;
height: 100px;
display: inline-block; display: inline-block;
position: relative; position: relative;
} }
.Tile-label { .Tile-label {
position: absolute; position: absolute;
top: 25px; top: 24px;
left: 100px; left: 100px;
right: 0; right: 0;
font-size: 0.4em; font-size: 0.4em;
@@ -18,7 +18,7 @@
.Tile-content { .Tile-content {
position: absolute; position: absolute;
bottom: 25px; bottom: 16px;
left: 100px; left: 100px;
right: 0; right: 0;
font-weight: 300; font-weight: 300;
@@ -26,6 +26,9 @@
} }
.Tile .Icon { .Tile .Icon {
position: absolute;
left: 20px;
top: 20px;
font-size: .8em; font-size: .8em;
padding: 0.5em; padding: 0.5em;
border-radius: 1.25em; border-radius: 1.25em;