git ssb

16+

Dominic / patchbay



Tree: 53ee02ec04088370e3ea743c0440a3c790b1fc64

Files: 53ee02ec04088370e3ea743c0440a3c790b1fc64 / modules_extra / network.mcss

1422 bytesRaw
1Network {
2  div {
3    margin: .8rem
4    border-bottom: 1px solid gainsboro
5  }
6
7}
8
9NetworkConnection {
10  padding-left: 6rem
11  padding-bottom: .8rem
12  position: relative
13
14  display: flex
15  flex-direction: row
16  flex-wrap: wrap
17  align-items: center
18
19  section.avatar {
20    position: absolute
21    left: 0
22    top: 0
23
24    a img {
25      height: 3rem
26      width: 3rem
27    }
28  }
29
30  section.time-ago {
31    position: absolute
32    left: 0
33    top: 3.5rem
34
35    font-size: .8rem
36    $textSubtle
37  }
38
39  section.name {
40    flex-basis: 100%
41
42    margin-right: 1rem
43  }
44
45  section.type {
46    flex-basis: 100%
47
48    font-size: .8rem
49    $textSubtle
50  }
51
52  section.source {
53    flex-basis: 100%
54  }
55
56  section.state {
57    display: flex
58    flex-direction: row
59    align-items: center
60
61    margin-right: 2rem
62
63    i {
64      width: 1rem
65      height: 1rem
66      border-radius: .5rem
67
68      margin: 0 .2rem 0 .5rem
69
70      background: #ccc
71
72      -connecting, -disconnecting {
73        background: #95cc95
74       }
75
76      -connected {
77        background: #06e206
78      }
79    }
80  }
81
82  section.actions {
83    button {
84      padding: .2rem
85      font-size: .7rem
86    }
87  }
88
89
90  section.ping {
91    flex-basis: 100%
92    display: flex
93
94    font-size: .8rem
95    $textSubtle
96
97    div.rtt {
98      flex-basis: 8rem
99    }
100
101    div.skew {
102      flex-basis: 8rem
103    }
104  }
105
106  section.address{
107    flex-basis: 100%
108
109    font-size: .8rem
110    $textSubtle
111  }
112}
113
114

Built with git-ssb-web