@enki-tek/fms-web-components 0.0.9 → 0.0.10
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.
|
@@ -10,17 +10,23 @@
|
|
|
10
10
|
.header {
|
|
11
11
|
display: flex;
|
|
12
12
|
align-items: center;
|
|
13
|
+
justify-content: flex-end;
|
|
13
14
|
align-self: stretch;
|
|
14
|
-
gap:
|
|
15
|
+
gap: 7rem;
|
|
16
|
+
height: 19px;
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
.header .title {
|
|
18
20
|
font-family: $bodyFonts;
|
|
21
|
+
margin-right: 5rem;
|
|
19
22
|
}
|
|
20
23
|
|
|
21
24
|
.close-icon {
|
|
22
25
|
color: $black;
|
|
23
|
-
|
|
26
|
+
position: absolute;
|
|
27
|
+
top: 15%;
|
|
28
|
+
right: 1rem;
|
|
29
|
+
transform: translateY(-50%);
|
|
24
30
|
}
|
|
25
31
|
|
|
26
32
|
:global(.secondaryOutlineBtnMedium) {
|
|
@@ -7,10 +7,11 @@ export let closeBtn = "";
|
|
|
7
7
|
export let saveBtn = "";
|
|
8
8
|
export let open = false;
|
|
9
9
|
export let toggle = () => open = !open;
|
|
10
|
+
export let size = " ";
|
|
10
11
|
</script>
|
|
11
12
|
|
|
12
13
|
<div>
|
|
13
|
-
<Modal isOpen={open} backdrop={false}>
|
|
14
|
+
<Modal isOpen={open} backdrop={false} {size}>
|
|
14
15
|
<ModalHeader>
|
|
15
16
|
<div class="header">
|
|
16
17
|
<div class="title">
|
|
@@ -634,15 +635,21 @@ export let toggle = () => open = !open;
|
|
|
634
635
|
.header {
|
|
635
636
|
display: flex;
|
|
636
637
|
align-items: center;
|
|
638
|
+
justify-content: flex-end;
|
|
637
639
|
align-self: stretch;
|
|
638
|
-
gap:
|
|
640
|
+
gap: 7rem;
|
|
641
|
+
height: 19px;
|
|
639
642
|
}
|
|
640
643
|
.header .title {
|
|
641
644
|
font-family: Roboto;
|
|
645
|
+
margin-right: 5rem;
|
|
642
646
|
}
|
|
643
647
|
.close-icon {
|
|
644
648
|
color: #000000;
|
|
645
|
-
|
|
649
|
+
position: absolute;
|
|
650
|
+
top: 15%;
|
|
651
|
+
right: 1rem;
|
|
652
|
+
transform: translateY(-50%);
|
|
646
653
|
}
|
|
647
654
|
:global(.secondaryOutlineBtnMedium) {
|
|
648
655
|
font-weight: 600;
|