@enki-tek/fms-web-components 0.1.31 → 0.1.32
Sign up to get free protection for your applications and to get access to all the features.
- package/components/StatusCard/GrayCard.svelte +1 -1
- package/components/StatusCard/PlainCard.svelte +1 -1
- package/components/StatusCard/StatusCard.scss +16 -8
- package/components/StatusCard/StatusCard.svelte +1 -1
- package/components/StatusCard/StatusCardBody.svelte +2 -2
- package/components/StatusCard/StatusCardTitle.svelte +1 -1
- package/package.json +1 -1
@@ -6,22 +6,27 @@
|
|
6
6
|
padding: $rem;
|
7
7
|
border-radius: calc((3*$rem)/4);
|
8
8
|
font-family: $bodyFonts;
|
9
|
-
min-height:
|
9
|
+
min-height: 11rem;
|
10
10
|
}
|
11
|
-
|
11
|
+
|
12
|
+
.card-mini {
|
12
13
|
height: 6rem !important;
|
13
14
|
min-height: 6rem !important;
|
14
15
|
}
|
15
|
-
|
16
|
+
|
17
|
+
.title {
|
16
18
|
font-size: $status-card-title;
|
17
19
|
font-weight: $title-weight;
|
18
20
|
}
|
19
|
-
|
21
|
+
|
22
|
+
.text {
|
20
23
|
font-size: $status-card-text;
|
21
24
|
}
|
22
|
-
|
25
|
+
|
26
|
+
.value {
|
23
27
|
font-size: $status-card-value;
|
24
28
|
}
|
29
|
+
|
25
30
|
.index {
|
26
31
|
font-size: medium !important;
|
27
32
|
}
|
@@ -37,14 +42,17 @@
|
|
37
42
|
width: fit-content;
|
38
43
|
border-radius: calc($rem/3);
|
39
44
|
}
|
40
|
-
|
45
|
+
|
46
|
+
.sensor-box {
|
41
47
|
background-color: $gray-600;
|
42
48
|
}
|
43
|
-
|
49
|
+
|
50
|
+
.plain-card-title {
|
44
51
|
font-size: $widget-card-title;
|
45
52
|
font-weight: $title-weight;
|
46
53
|
}
|
47
|
-
|
54
|
+
|
55
|
+
.gray-card {
|
48
56
|
border-color: transparent;
|
49
57
|
background-color: $gray-100;
|
50
58
|
padding: $rem;
|
@@ -5,7 +5,7 @@
|
|
5
5
|
export let value;
|
6
6
|
</script>
|
7
7
|
|
8
|
-
<div class="mt-
|
8
|
+
<div class="mt-1">
|
9
9
|
<Row>
|
10
10
|
<Col>
|
11
11
|
<div class={Number(index) > 0 ? 'box1 mb-1' : 'box2 mb-1'}>
|
@@ -30,7 +30,7 @@
|
|
30
30
|
padding: 1rem;
|
31
31
|
border-radius: 0.75rem;
|
32
32
|
font-family: Roboto;
|
33
|
-
min-height:
|
33
|
+
min-height: 11rem;
|
34
34
|
}
|
35
35
|
.card-mini {
|
36
36
|
height: 6rem !important;
|