Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
aos
GitHub Repository: aos/grafana-agent
Path: blob/main/web/ui/src/features/component/ComponentView.module.css
5283 views
1
.page {
2
display: flex;
3
font-family: 'Roboto', sans-serif;
4
height: 100%;
5
}
6
7
.page nav {
8
border-radius: 3px;
9
width: 250px;
10
min-width: 250px;
11
margin: 15px;
12
overflow-y: auto;
13
font-size: 0.9em;
14
}
15
16
.page nav h1 {
17
font-size: 0.8em;
18
font-weight: bold;
19
margin: 0px 0px;
20
color: #545556;
21
}
22
23
.page nav ul {
24
list-style-type: none;
25
padding-left: 16px;
26
}
27
28
.page nav hr {
29
border: none;
30
border-top: 1px solid #545556;
31
}
32
33
.page nav li,
34
.page nav a {
35
color: #545556;
36
text-decoration: none;
37
margin: 20px 0px;
38
}
39
40
.page nav a:hover,
41
.page nav a:focus {
42
text-decoration: underline;
43
}
44
45
.page .content {
46
max-width: 1440px;
47
margin-left: auto;
48
margin-right: auto;
49
padding: 20px;
50
overflow-y: auto;
51
}
52
53
.content h1 .icon {
54
margin-right: 5px;
55
}
56
57
.content h1 span.healthLabel {
58
position: relative;
59
top: -3px;
60
}
61
62
.content h1 span.healthLabel > * {
63
transform: scale(0.75);
64
}
65
66
.content h1 .icon svg {
67
width: 21px;
68
color: rgba(36, 41, 46, 0.75);
69
position: relative;
70
top: 2px;
71
}
72
73
.content h1,
74
h2,
75
h3,
76
h4,
77
h5,
78
h6 {
79
color: rgb(36, 41, 46);
80
font-size: 1.4em;
81
font-weight: normal;
82
margin-bottom: 8px;
83
}
84
85
.content h2,
86
h3,
87
h4,
88
h5,
89
h6 {
90
font-size: 1.2em;
91
}
92
93
.content .docsLink {
94
display: block;
95
width: fit-content;
96
height: fit-content;
97
font-size: 10px;
98
padding: 5px;
99
100
color: #ffffff;
101
background-color: rgb(56, 133, 220);
102
border: 1px solid rgb(56, 133, 220);
103
border-radius: 3px;
104
}
105
106
.docsLink a {
107
color: #ffffff;
108
text-decoration: none;
109
}
110
111
.content blockquote {
112
border: 1px solid #e4e5e6;
113
border-radius: 3px;
114
color: #555;
115
margin: 20px 0px;
116
padding: 20px 20px;
117
}
118
119
.content blockquote h1 {
120
color: #555;
121
margin: 0px;
122
font-size: 12px;
123
font-weight: bold;
124
}
125
126
.content blockquote p {
127
margin-bottom: 0px;
128
font-family: 'Fira Code', monospace;
129
}
130
131
.content div.sectionContent {
132
background-color: white;
133
border: 1px solid #e4e5e6;
134
border-radius: 3px;
135
padding: 16px;
136
}
137
138
.content section.nested {
139
margin-left: 32px;
140
}
141
142
em.informative {
143
color: #555;
144
font-size: 14px;
145
}
146
147
.list {
148
border: 1px solid #e4e5e6;
149
border-radius: 3px;
150
151
box-sizing: border-box;
152
color: rgba(36, 41, 46, 0.75);
153
}
154
155
td.nameColumn {
156
font-family: 'Fira Code', monospace;
157
font-size: 14px;
158
vertical-align: top;
159
padding: 6px;
160
color: black;
161
}
162
163
.pre {
164
margin: 0;
165
font-size: 14px;
166
}
167
168