blob: 325947823cffb7cc95d4390bf532feea243f9e46 [file] [log] [blame]
Niko Sohmers3860f8a2024-01-12 21:05:19 -08001.channel {
2 display: flex;
3 border-bottom: 1px solid;
4 font-size: 24px;
5}
6#field {
7 display: inline-block
8}
9
10#readouts,
11#middle_readouts
12{
13 display: inline-block;
14 vertical-align: top;
15 float: right;
16}
17
18
19#legend {
20 display: inline-block;
21}
22
23table, th, td {
24 border: 1px solid black;
25 border-collapse: collapse;
26 padding: 5px;
27 margin: 10px;
Filip Kujawa1a2e9e02024-02-24 18:30:29 -080028 table-layout: fixed;
29 width: 450px;
30 overflow: hidden;
Niko Sohmers3860f8a2024-01-12 21:05:19 -080031}
32
33th, td {
Filip Kujawa1a2e9e02024-02-24 18:30:29 -080034 text-align: left;
Niko Sohmers3860f8a2024-01-12 21:05:19 -080035 width: 70px;
36}
37
Filip Kujawa1a2e9e02024-02-24 18:30:29 -080038table:first-child {
39 text-align: center;
40}
41
Niko Sohmers3860f8a2024-01-12 21:05:19 -080042td:first-child {
43 width: 150px;
44}
45
46.connected, .near {
47 background-color: LightGreen;
48 border-radius: 10px;
49}
50
51.zeroing {
52 background-color: yellow;
53 border-radius: 10px;
54}
55
56.faulted {
57 background-color: red;
58 border-radius: 10px;
59}
60
61#vision_readouts > div {
62 display: table-row;
63 padding: 5px;
64}
65
66#vision_readouts > div > div {
67 display: table-cell;
68 padding: 5px;
69 text-align: right;
70}
71
72#message_bridge_status > div {
73 display: table-row;
74 padding: 5px;
75}
76
77#message_bridge_status > div > div {
78 display: table-cell;
79 padding: 5px;
80 text-align: right;
Filip Kujawa1a2e9e02024-02-24 18:30:29 -080081}