@enki-tek/fms-web-components 0.1.7 → 0.1.8
Sign up to get free protection for your applications and to get access to all the features.
- package/components/Icon/ActionInconGroup.svelte +2 -2
- package/components/Icon/ActionInconGroup.svelte.d.ts +2 -2
- package/components/Sidebar/MenuGroup.svelte +3 -0
- package/components/Sidebar/MenuItem.svelte +4 -1
- package/components/Sidebar/SideBarMenu.svelte +3 -0
- package/components/Sidebar/Sidebar.scss +5 -0
- package/components/Sidebar/Sidebar.svelte +3 -0
- package/components/WidgetCard/Card.scss +2 -2
- package/components/WidgetCard/SensorStatusCard.svelte +2 -2
- package/components/WidgetCard/StateCard.svelte +4 -4
- package/components/WidgetCard/WidgetCard.svelte +2 -2
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/** @typedef {typeof __propDef.events} ActionInconGroupEvents */
|
|
3
3
|
/** @typedef {typeof __propDef.slots} ActionInconGroupSlots */
|
|
4
4
|
export default class ActionInconGroup extends SvelteComponentTyped<{
|
|
5
|
-
|
|
5
|
+
className?: string | undefined;
|
|
6
6
|
}, {
|
|
7
7
|
[evt: string]: CustomEvent<any>;
|
|
8
8
|
}, {
|
|
@@ -15,7 +15,7 @@ export type ActionInconGroupSlots = typeof __propDef.slots;
|
|
|
15
15
|
import { SvelteComponentTyped } from "svelte";
|
|
16
16
|
declare const __propDef: {
|
|
17
17
|
props: {
|
|
18
|
-
|
|
18
|
+
className?: string | undefined;
|
|
19
19
|
};
|
|
20
20
|
events: {
|
|
21
21
|
[evt: string]: CustomEvent<any>;
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
<li class="nav-item p-2 box {active ? "active" : ""}">
|
|
10
10
|
<a
|
|
11
|
-
class="nav-link d-flex align-items-center gap-2"
|
|
11
|
+
class="nav-link d-flex align-items-center gap-2 flex-grow-1"
|
|
12
12
|
aria-current="page"
|
|
13
13
|
href={link}
|
|
14
14
|
on:click
|
|
@@ -112,6 +112,9 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
|
|
|
112
112
|
.box a {
|
|
113
113
|
color: #ffffff;
|
|
114
114
|
}
|
|
115
|
+
.active {
|
|
116
|
+
background-color: #3A736D !important;
|
|
117
|
+
}
|
|
115
118
|
}
|
|
116
119
|
.active {
|
|
117
120
|
background-color: #ddf9f6;
|
|
@@ -92,13 +92,13 @@
|
|
|
92
92
|
.statecardtitle {
|
|
93
93
|
font-weight: 400;
|
|
94
94
|
float: right;
|
|
95
|
-
width:
|
|
95
|
+
width: 50%;
|
|
96
96
|
}
|
|
97
97
|
.subtitle {
|
|
98
98
|
float: left;
|
|
99
99
|
font-size: 16px;
|
|
100
100
|
font-weight: 400;
|
|
101
|
-
width:
|
|
101
|
+
width: 100%;
|
|
102
102
|
}
|
|
103
103
|
.time {
|
|
104
104
|
float: right;
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
</Col>
|
|
17
17
|
<Col>
|
|
18
18
|
<div class="content">
|
|
19
|
-
<div class="statecardtitle">{title}</div>
|
|
19
|
+
<div class="statecardtitle text-truncate">{title}</div>
|
|
20
20
|
</div>
|
|
21
21
|
</Col>
|
|
22
22
|
</Row>
|
|
23
23
|
<Row>
|
|
24
24
|
<Col>
|
|
25
|
-
<div class="subtitle">{subtitle}</div>
|
|
25
|
+
<div class="subtitle text-truncate">{subtitle}</div>
|
|
26
26
|
</Col>
|
|
27
27
|
<Col> <div class="time mt-1">{time}</div>
|
|
28
28
|
</Col>
|
|
@@ -95,13 +95,13 @@
|
|
|
95
95
|
.statecardtitle {
|
|
96
96
|
font-weight: 400;
|
|
97
97
|
float: right;
|
|
98
|
-
width:
|
|
98
|
+
width: 50%;
|
|
99
99
|
}
|
|
100
100
|
.subtitle {
|
|
101
101
|
float: left;
|
|
102
102
|
font-size: 16px;
|
|
103
103
|
font-weight: 400;
|
|
104
|
-
width:
|
|
104
|
+
width: 100%;
|
|
105
105
|
}
|
|
106
106
|
.time {
|
|
107
107
|
float: right;
|
|
@@ -125,13 +125,13 @@
|
|
|
125
125
|
.statecardtitle {
|
|
126
126
|
font-weight: 400;
|
|
127
127
|
float: right;
|
|
128
|
-
width:
|
|
128
|
+
width: 50%;
|
|
129
129
|
}
|
|
130
130
|
.subtitle {
|
|
131
131
|
float: left;
|
|
132
132
|
font-size: 16px;
|
|
133
133
|
font-weight: 400;
|
|
134
|
-
width:
|
|
134
|
+
width: 100%;
|
|
135
135
|
}
|
|
136
136
|
.time {
|
|
137
137
|
float: right;
|