@enki-tek/fms-web-components 0.1.29 → 0.1.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -109,5 +109,4 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
109
109
  #sidebarMenu {
110
110
  height: calc(100vh - 146px);
111
111
  overflow: auto;
112
- border-radius: 0.75rem;
113
112
  }</style>
@@ -122,6 +122,5 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
122
122
  #sidebarMenu {
123
123
  height: calc(100vh - 146px);
124
124
  overflow: auto;
125
- border-radius: 0.75rem;
126
125
  }</style>
127
126
 
@@ -5,9 +5,9 @@
5
5
  export let companyName = 'EnkiTek';
6
6
  </script>
7
7
 
8
- <div class="sidebar pe-0" >
8
+ <div class="sidebar pe-0">
9
9
  <div
10
- class="offcanvas-md offcanvas-end bg-white"
10
+ class="offcanvas-md offcanvas-end bg-white rounded-3"
11
11
  tabindex="-1"
12
12
  id="sidebarMenu"
13
13
  aria-labelledby="sidebarMenuLabel"
@@ -132,7 +132,6 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
132
132
  #sidebarMenu {
133
133
  height: calc(100vh - 146px);
134
134
  overflow: auto;
135
- border-radius: 0.75rem;
136
135
  }
137
136
  @media (min-width: 768px) {
138
137
  .sidebar .offcanvas-lg {
@@ -153,5 +153,4 @@ ul {
153
153
  #sidebarMenu {
154
154
  height: calc(100vh - 146px);
155
155
  overflow: auto;
156
- border-radius: .75rem;
157
156
  }
@@ -185,7 +185,6 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
185
185
  #sidebarMenu {
186
186
  height: calc(100vh - 146px);
187
187
  overflow: auto;
188
- border-radius: 0.75rem;
189
188
  }
190
189
  :global(.ebg-none) {
191
190
  background-color: #ffffff !important;
@@ -1,10 +1,13 @@
1
1
  <script>
2
+ import SensorWidgetTitle from '../WidgetCard/SensorWidgetTitle.svelte';
3
+
2
4
  export let title = 'Sensor Alert and Notification';
5
+ export let icon = 'null';
3
6
  </script>
4
7
 
5
8
  <div class=" m-2 card">
6
- <div class="row">
7
- <div class="col plain-card-title">{title}</div>
9
+ <div class="row-flex">
10
+ <SensorWidgetTitle sensorName={title} {icon} />
8
11
  <div class="col">
9
12
  <div class="float-end">
10
13
  <slot name="activity" />
@@ -2,6 +2,7 @@
2
2
  /** @typedef {typeof __propDef.events} PlainCardEvents */
3
3
  /** @typedef {typeof __propDef.slots} PlainCardSlots */
4
4
  export default class PlainCard extends SvelteComponentTyped<{
5
+ icon?: string | undefined;
5
6
  title?: string | undefined;
6
7
  }, {
7
8
  [evt: string]: CustomEvent<any>;
@@ -16,6 +17,7 @@ export type PlainCardSlots = typeof __propDef.slots;
16
17
  import { SvelteComponentTyped } from "svelte";
17
18
  declare const __propDef: {
18
19
  props: {
20
+ icon?: string | undefined;
19
21
  title?: string | undefined;
20
22
  };
21
23
  events: {
@@ -158,6 +158,7 @@
158
158
  font-family: Roboto;
159
159
  background-color: #f8f8f8;
160
160
  border-radius: 0.2rem;
161
+ height: fit-content;
161
162
  }
162
163
  .warning-icon {
163
164
  color: orange;
@@ -132,6 +132,7 @@
132
132
  font-family: Roboto;
133
133
  background-color: #f8f8f8;
134
134
  border-radius: 0.2rem;
135
+ height: fit-content;
135
136
  }
136
137
  .warning-icon {
137
138
  color: orange;
@@ -141,6 +141,7 @@
141
141
  font-family: $bodyFonts;
142
142
  background-color: #f8f8f8;
143
143
  border-radius: calc((.2*$rem));
144
+ height: fit-content;
144
145
  }
145
146
 
146
147
  .warning-icon {
@@ -151,6 +151,7 @@
151
151
  font-family: Roboto;
152
152
  background-color: #f8f8f8;
153
153
  border-radius: 0.2rem;
154
+ height: fit-content;
154
155
  }
155
156
  .warning-icon {
156
157
  color: orange;
@@ -1,16 +1,17 @@
1
1
  <script>
2
2
  import Icon from '../Icon/Icon.svelte';
3
3
  export let sensorName;
4
- export let icon="house-fill";
4
+ export let icon = 'house-fill';
5
5
  </script>
6
- <div class="row align-items-center p-0">
7
- <div class="col">
8
- <div class="text-dark h6"><Icon iconName="{icon}" />{sensorName}</div>
9
- <slot name='status' />
10
- </div>
11
- <div class="col p-0">
12
- <div class="float-end p-0">
6
+
7
+ <div class="row-flex align-items-center p-0">
8
+ <div class="col">
9
+ <div class="text-dark h6"><Icon iconName={icon} />{sensorName}</div>
10
+ <slot name="status" />
11
+ </div>
12
+ <div class="col p-0">
13
+ <div class="float-end p-0">
13
14
  <slot name="menu" />
14
- </div>
15
15
  </div>
16
16
  </div>
17
+ </div>
@@ -154,6 +154,7 @@
154
154
  font-family: Roboto;
155
155
  background-color: #f8f8f8;
156
156
  border-radius: 0.2rem;
157
+ height: fit-content;
157
158
  }
158
159
  .warning-icon {
159
160
  color: orange;
@@ -175,6 +175,7 @@
175
175
  font-family: Roboto;
176
176
  background-color: #f8f8f8;
177
177
  border-radius: 0.2rem;
178
+ height: fit-content;
178
179
  }
179
180
  .warning-icon {
180
181
  color: orange;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enki-tek/fms-web-components",
3
- "version": "0.1.29",
3
+ "version": "0.1.31",
4
4
  "devDependencies": {
5
5
  "@storybook/addon-essentials": "^7.6.14",
6
6
  "@storybook/addon-interactions": "^7.6.14",