namirasoft-site-react 1.4.112 → 1.4.113

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.
Files changed (270) hide show
  1. package/.dockerignore +86 -86
  2. package/.env.template +10 -10
  3. package/Dockerfile +18 -18
  4. package/config-overrides.js +72 -71
  5. package/dist/App.css +58 -0
  6. package/dist/components/NSAccordion.module.css +4 -4
  7. package/dist/components/NSActionMenu.js +2 -2
  8. package/dist/components/NSActionMenu.module.css +101 -101
  9. package/dist/components/NSAssistantButton.module.css +135 -135
  10. package/dist/components/NSBarAction.module.css +97 -97
  11. package/dist/components/NSBarAlert.module.css +69 -69
  12. package/dist/components/NSBarHeroBanner.module.css +42 -42
  13. package/dist/components/NSBarNotification.module.css +34 -34
  14. package/dist/components/NSBarTitle.module.css +9 -9
  15. package/dist/components/NSBox.module.css +126 -126
  16. package/dist/components/NSBoxBoolean.module.css +88 -88
  17. package/dist/components/NSBoxCombo.module.css +6 -6
  18. package/dist/components/NSBoxCopy.module.css +43 -43
  19. package/dist/components/NSBoxDate.module.css +56 -56
  20. package/dist/components/NSBoxDateTime.module.css +51 -51
  21. package/dist/components/NSBoxEntity.module.css +21 -21
  22. package/dist/components/NSBoxErrorNotifier.module.css +2 -2
  23. package/dist/components/NSBoxFile.module.css +4 -4
  24. package/dist/components/NSBoxLabel.module.css +14 -14
  25. package/dist/components/NSBoxRadio.module.css +70 -70
  26. package/dist/components/NSBoxTextArea.module.css +83 -83
  27. package/dist/components/NSButton.module.css +42 -42
  28. package/dist/components/NSButtonBlue.module.css +4 -4
  29. package/dist/components/NSButtonGreen.module.css +4 -4
  30. package/dist/components/NSButtonRed.module.css +4 -4
  31. package/dist/components/NSCard.module.css +114 -114
  32. package/dist/components/NSCardScreenshot.module.css +41 -41
  33. package/dist/components/NSChartColumn.module.css +7 -7
  34. package/dist/components/NSChartPie.module.css +0 -0
  35. package/dist/components/NSChartTable.module.css +21 -21
  36. package/dist/components/NSCopyToClipboard.d.ts +7 -0
  37. package/dist/components/NSCopyToClipboard.js +13 -0
  38. package/dist/components/NSCopyToClipboard.js.map +1 -0
  39. package/dist/components/NSCopyToClipboard.module.css +44 -0
  40. package/dist/components/NSDialog.module.css +106 -106
  41. package/dist/components/NSDownTimer.module.css +55 -55
  42. package/dist/components/NSDownload.module.css +46 -46
  43. package/dist/components/NSElectronicCard.module.css +60 -60
  44. package/dist/components/NSEntityBar.module.css +77 -77
  45. package/dist/components/NSEntityCardBackground.module.css +27 -27
  46. package/dist/components/NSFilterBox.module.css +62 -62
  47. package/dist/components/NSFilterBoxDialog.module.css +36 -36
  48. package/dist/components/NSFilterItem.module.css +23 -23
  49. package/dist/components/NSFooter.module.css +123 -123
  50. package/dist/components/NSGroupedList.module.css +72 -72
  51. package/dist/components/NSHeader.module.css +291 -291
  52. package/dist/components/NSHeaderScreenshot.module.css +35 -35
  53. package/dist/components/NSLayout.module.css +13 -13
  54. package/dist/components/NSLine.module.css +12 -12
  55. package/dist/components/NSLink.module.css +36 -36
  56. package/dist/components/NSLoading.module.css +30 -30
  57. package/dist/components/NSNoData.module.css +8 -8
  58. package/dist/components/NSPageSelectionModal.module.css +103 -103
  59. package/dist/components/NSPagination.module.css +110 -110
  60. package/dist/components/NSPanel.module.css +46 -46
  61. package/dist/components/NSRadioButton.d.ts +25 -0
  62. package/dist/components/NSRadioButton.js +49 -0
  63. package/dist/components/NSRadioButton.js.map +1 -0
  64. package/dist/components/NSRange.module.css +66 -66
  65. package/dist/components/NSSection.module.css +10 -10
  66. package/dist/components/NSSectionBars.module.css +10 -10
  67. package/dist/components/NSSectionCards.module.css +38 -38
  68. package/dist/components/NSTabPage.module.css +59 -59
  69. package/dist/components/NSTable.module.css +290 -290
  70. package/dist/components/NSTag.module.css +52 -52
  71. package/dist/components/NSTimeTable.module.css +6 -6
  72. package/dist/components/NSTimelineMonthly.module.css +71 -71
  73. package/dist/components/NSTitle.module.css +15 -15
  74. package/dist/formatter/ForeignIDFormatter.d.ts +4 -0
  75. package/dist/formatter/ForeignIDFormatter.js +7 -0
  76. package/dist/formatter/ForeignIDFormatter.js.map +1 -0
  77. package/dist/index.css +6 -0
  78. package/dist/pages/NSNotFoundPage.module.css +17 -17
  79. package/dist/pages/NSUpdating.module.css +35 -35
  80. package/package.json +75 -75
  81. package/public/index.html +38 -38
  82. package/src/App.css +57 -57
  83. package/src/App.tsx +372 -372
  84. package/src/Color.tsx +10 -10
  85. package/src/CopyToClipboard.ts +6 -6
  86. package/src/Validator.ts +117 -117
  87. package/src/components/NSAccordion.module.css +4 -4
  88. package/src/components/NSAccordion.tsx +51 -51
  89. package/src/components/NSActionMenu.module.css +101 -101
  90. package/src/components/NSActionMenu.tsx +90 -90
  91. package/src/components/NSAssistantButton.module.css +135 -135
  92. package/src/components/NSAssistantButton.tsx +70 -70
  93. package/src/components/NSBarAction.module.css +97 -97
  94. package/src/components/NSBarAction.tsx +89 -89
  95. package/src/components/NSBarAlert.module.css +69 -69
  96. package/src/components/NSBarAlert.tsx +30 -30
  97. package/src/components/NSBarHeroBanner.module.css +42 -42
  98. package/src/components/NSBarHeroBanner.tsx +61 -61
  99. package/src/components/NSBarNotification.module.css +34 -34
  100. package/src/components/NSBarNotification.tsx +87 -87
  101. package/src/components/NSBarTitle.module.css +9 -9
  102. package/src/components/NSBarTitle.tsx +29 -29
  103. package/src/components/NSBox.module.css +126 -126
  104. package/src/components/NSBoxBoolean.module.css +88 -88
  105. package/src/components/NSBoxBoolean.tsx +124 -124
  106. package/src/components/NSBoxBooleans.tsx +159 -159
  107. package/src/components/NSBoxCombo.module.css +6 -6
  108. package/src/components/NSBoxCombo.tsx +151 -151
  109. package/src/components/NSBoxCopy.module.css +43 -43
  110. package/src/components/NSBoxCopy.tsx +41 -41
  111. package/src/components/NSBoxDate.module.css +56 -56
  112. package/src/components/NSBoxDate.tsx +88 -88
  113. package/src/components/NSBoxDateTime.module.css +51 -51
  114. package/src/components/NSBoxDateTime.tsx +89 -89
  115. package/src/components/NSBoxDouble.tsx +92 -92
  116. package/src/components/NSBoxDuration.tsx +92 -92
  117. package/src/components/NSBoxEmail.tsx +103 -103
  118. package/src/components/NSBoxEntity.module.css +21 -21
  119. package/src/components/NSBoxEntity.tsx +197 -197
  120. package/src/components/NSBoxEnum.tsx +55 -55
  121. package/src/components/NSBoxErrorNotifier.module.css +2 -2
  122. package/src/components/NSBoxErrorNotifier.tsx +32 -32
  123. package/src/components/NSBoxFile.module.css +4 -4
  124. package/src/components/NSBoxFile.tsx +124 -124
  125. package/src/components/NSBoxIPV4.tsx +97 -97
  126. package/src/components/NSBoxIPV6.tsx +94 -94
  127. package/src/components/NSBoxInteger.tsx +94 -94
  128. package/src/components/NSBoxLabel.module.css +14 -14
  129. package/src/components/NSBoxLabel.tsx +29 -29
  130. package/src/components/NSBoxPassword.tsx +90 -90
  131. package/src/components/NSBoxPhone.tsx +97 -97
  132. package/src/components/NSBoxPrice.tsx +92 -92
  133. package/src/components/NSBoxRadio.module.css +70 -70
  134. package/src/components/NSBoxRadio.tsx +111 -111
  135. package/src/components/NSBoxSearch.tsx +107 -107
  136. package/src/components/NSBoxString.tsx +106 -106
  137. package/src/components/NSBoxTextArea.module.css +83 -83
  138. package/src/components/NSBoxTextArea.tsx +112 -112
  139. package/src/components/NSBoxTime.tsx +92 -92
  140. package/src/components/NSButton.module.css +42 -42
  141. package/src/components/NSButton.tsx +25 -25
  142. package/src/components/NSButtonBlue.module.css +4 -4
  143. package/src/components/NSButtonBlue.tsx +19 -19
  144. package/src/components/NSButtonGreen.module.css +4 -4
  145. package/src/components/NSButtonGreen.tsx +19 -19
  146. package/src/components/NSButtonRed.module.css +4 -4
  147. package/src/components/NSButtonRed.tsx +19 -19
  148. package/src/components/NSCard.module.css +114 -114
  149. package/src/components/NSCard.tsx +63 -63
  150. package/src/components/NSCardScreenshot.module.css +41 -41
  151. package/src/components/NSCardScreenshot.tsx +31 -31
  152. package/src/components/NSChartColumn.module.css +7 -7
  153. package/src/components/NSChartColumn.tsx +106 -106
  154. package/src/components/NSChartDoughnut.tsx +108 -108
  155. package/src/components/NSChartPie.tsx +105 -105
  156. package/src/components/NSChartRange.tsx +16 -16
  157. package/src/components/NSChartTable.module.css +21 -21
  158. package/src/components/NSChartTable.tsx +94 -94
  159. package/src/components/NSCopy.tsx +67 -67
  160. package/src/components/NSDeleteDialog.tsx +26 -26
  161. package/src/components/NSDialog.module.css +106 -106
  162. package/src/components/NSDialog.tsx +56 -56
  163. package/src/components/NSDownTimer.module.css +55 -55
  164. package/src/components/NSDownTimer.tsx +77 -77
  165. package/src/components/NSDownload.module.css +46 -46
  166. package/src/components/NSDownload.tsx +62 -62
  167. package/src/components/NSElectronicCard.module.css +60 -60
  168. package/src/components/NSElectronicCard.tsx +45 -45
  169. package/src/components/NSEntityBar.module.css +77 -77
  170. package/src/components/NSEntityBar.tsx +27 -27
  171. package/src/components/NSEntityCardBackground.module.css +27 -27
  172. package/src/components/NSEntityCardBackground.tsx +34 -34
  173. package/src/components/NSFilterBox.module.css +62 -62
  174. package/src/components/NSFilterBox.tsx +360 -360
  175. package/src/components/NSFilterBoxDialog.module.css +36 -36
  176. package/src/components/NSFilterBoxDialog.tsx +74 -74
  177. package/src/components/NSFilterItem.module.css +23 -23
  178. package/src/components/NSFilterItem.tsx +73 -73
  179. package/src/components/NSFooter.module.css +123 -123
  180. package/src/components/NSFooter.tsx +289 -289
  181. package/src/components/NSGroupedList.module.css +72 -72
  182. package/src/components/NSGroupedList.tsx +115 -115
  183. package/src/components/NSHeader.module.css +291 -291
  184. package/src/components/NSHeader.tsx +250 -250
  185. package/src/components/NSHeaderScreenshot.module.css +35 -35
  186. package/src/components/NSHeaderScreenshot.tsx +38 -38
  187. package/src/components/NSInfoDialog.tsx +36 -36
  188. package/src/components/NSLayout.module.css +13 -13
  189. package/src/components/NSLayout.tsx +109 -109
  190. package/src/components/NSLine.module.css +12 -12
  191. package/src/components/NSLine.tsx +15 -15
  192. package/src/components/NSLink.module.css +36 -36
  193. package/src/components/NSLink.tsx +25 -25
  194. package/src/components/NSLinkBlue.tsx +20 -20
  195. package/src/components/NSLinkGreen.tsx +5 -5
  196. package/src/components/NSLinkRed.tsx +5 -5
  197. package/src/components/NSLoading.module.css +30 -30
  198. package/src/components/NSLoading.tsx +20 -20
  199. package/src/components/NSNoData.module.css +8 -8
  200. package/src/components/NSNoData.tsx +24 -24
  201. package/src/components/NSPageSelectionModal.module.css +103 -103
  202. package/src/components/NSPageSelectionModal.tsx +228 -228
  203. package/src/components/NSPagination.module.css +110 -110
  204. package/src/components/NSPagination.tsx +191 -191
  205. package/src/components/NSPanel.module.css +46 -46
  206. package/src/components/NSPanel.tsx +19 -19
  207. package/src/components/NSProductList.tsx +43 -43
  208. package/src/components/NSRange.module.css +66 -66
  209. package/src/components/NSRange.tsx +81 -81
  210. package/src/components/NSRepeater.tsx +179 -179
  211. package/src/components/NSSection.module.css +10 -10
  212. package/src/components/NSSection.tsx +23 -23
  213. package/src/components/NSSectionBars.module.css +10 -10
  214. package/src/components/NSSectionBars.tsx +25 -25
  215. package/src/components/NSSectionCards.module.css +38 -38
  216. package/src/components/NSSectionCards.tsx +51 -51
  217. package/src/components/NSSectionTitle.tsx +21 -21
  218. package/src/components/NSSpace.tsx +28 -28
  219. package/src/components/NSTabPage.module.css +59 -59
  220. package/src/components/NSTabPage.tsx +78 -78
  221. package/src/components/NSTable.module.css +290 -290
  222. package/src/components/NSTable.tsx +436 -436
  223. package/src/components/NSTag.module.css +52 -52
  224. package/src/components/NSTag.tsx +78 -78
  225. package/src/components/NSTimeTable.module.css +6 -6
  226. package/src/components/NSTimeTable.tsx +49 -49
  227. package/src/components/NSTimelineMonthly.module.css +71 -71
  228. package/src/components/NSTimelineMonthly.tsx +42 -42
  229. package/src/components/NSTitle.module.css +15 -15
  230. package/src/components/NSTitle.tsx +19 -19
  231. package/src/formatter/BackColorFormatter.tsx +22 -22
  232. package/src/formatter/BaseColumnFormatter.ts +16 -16
  233. package/src/formatter/BooleanFormatter.ts +22 -22
  234. package/src/formatter/DateFormatter.ts +20 -20
  235. package/src/formatter/DateTimeFormatter.ts +20 -20
  236. package/src/formatter/DurationFormatter.ts +13 -13
  237. package/src/formatter/EmailFormatter.ts +13 -13
  238. package/src/formatter/EnumFormatter.ts +13 -13
  239. package/src/formatter/FloatFormatter.ts +16 -16
  240. package/src/formatter/ForeColorFormatter.tsx +22 -22
  241. package/src/formatter/IDFormatter.tsx +28 -28
  242. package/src/formatter/IPFormatter.ts +13 -13
  243. package/src/formatter/IntegerFormatter.ts +16 -16
  244. package/src/formatter/JsonFormatter.ts +14 -14
  245. package/src/formatter/MoneyFormatter.ts +16 -16
  246. package/src/formatter/PhoneFormatter.ts +13 -13
  247. package/src/formatter/StringFormatter.ts +13 -13
  248. package/src/formatter/TimeFormatter.ts +21 -21
  249. package/src/formatter/UnknowFormatter.ts +14 -14
  250. package/src/index.tsx +7 -7
  251. package/src/main.ts +117 -117
  252. package/src/pages/NSNotFoundPage.module.css +17 -17
  253. package/src/pages/NSNotFoundPage.tsx +11 -11
  254. package/src/pages/NSUpdating.module.css +35 -35
  255. package/src/pages/NSUpdating.tsx +32 -32
  256. package/src/props/IBaseComponentProps.ts +8 -8
  257. package/src/props/IHeaderIconProps.ts +10 -10
  258. package/src/props/IHeaderProps.ts +7 -7
  259. package/src/props/IImageProps.ts +4 -4
  260. package/src/props/ILinkProps.ts +5 -5
  261. package/src/props/IValidationNumberProps.ts +4 -4
  262. package/src/props/IValidationProps.ts +7 -7
  263. package/src/props/IValidationRegexProps.ts +4 -4
  264. package/src/props/IValidationStringProps.ts +4 -4
  265. package/src/routing/INSRouterMaker.ts +6 -6
  266. package/src/routing/INSRouterProps.ts +5 -5
  267. package/src/routing/INSRouterState.ts +5 -5
  268. package/src/routing/NSRouterMaker.tsx +33 -33
  269. package/src/routing/Notifier.ts +79 -79
  270. package/tsconfig.json +43 -43
@@ -1,136 +1,136 @@
1
- .ns_container {
2
- display: flex;
3
- flex-direction: column;
4
- justify-content: left;
5
- align-items: flex-end;
6
- }
7
-
8
- .ns_input_parent {
9
- display: flex;
10
- flex-direction: row;
11
- width: 100%;
12
- color: #141B5C;
13
- justify-content: space-between;
14
- max-width: 100%;
15
- }
16
-
17
- .ns_input {
18
- border-radius: 8px;
19
- padding: 10px 48px 10px 12px;
20
- font-size: 16px;
21
- font-weight: 400;
22
- border: 1px solid rgba(0, 0, 0, 1) !important;
23
- height: 48px;
24
- width: 272px
25
- }
26
-
27
- .ns_input:focus-visible {
28
- border-color: rgba(0, 0, 0, 1) !important;
29
- outline: solid 1px #4096ff !important;
30
- }
31
-
32
- .ns_input li {
33
- color: #000 !important
34
- }
35
-
36
- .ns_input_title {
37
- font-size: 16px;
38
- font-weight: 400;
39
- display: flex;
40
- }
41
-
42
- .ns_input_title_group {
43
- display: flex;
44
- width: 100%;
45
- justify-content: space-between;
46
- }
47
-
48
- @media only screen and (min-width: 380px) {
49
- .ns_input {
50
- max-width: 272px;
51
- }
52
- }
53
-
54
- /*Start Input phone*/
55
- .ns_input_phone_parent input {
56
- width: 100% !important;
57
- height: 48px !important;
58
- }
59
-
60
- @media only screen and (min-width: 380px) {
61
- .ns_input_phone_parent input {
62
- width: 272px !important;
63
- }
64
- }
65
-
66
- /*End Input phone*/
67
-
68
- .ns_btn_box {
69
- opacity: 0;
70
- visibility: hidden;
71
- color: #000;
72
- border: none;
73
- cursor: pointer;
74
- width: max-content;
75
- background-color: transparent;
76
- }
77
-
78
- .ns_input_parent:hover .ns_btn_box {
79
- opacity: 1;
80
- visibility: visible;
81
- transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
82
- }
83
-
84
- .ns_btn_box img {
85
- position: inherit;
86
- }
87
-
88
- .ns_full_screen {
89
- position: fixed;
90
- top: 0;
91
- left: 0;
92
- width: 100%;
93
- height: 100%;
94
- background: #0101015c;
95
- z-index: 1000;
96
- padding: 5%;
97
- }
98
-
99
- .ns_full_screen input {
100
- width: 100% !important;
101
- max-width: 100%;
102
- }
103
-
104
- .ns_input_modal_full {
105
- position: fixed;
106
- top: 0;
107
- left: 0;
108
- background-color: rgba(0, 0, 0, 0.6);
109
- height: 100%;
110
- width: 100%;
111
- z-index: 15;
112
- }
113
-
114
- .ns_input_modal_full_screen textarea {
115
- height: 80%;
116
- width: 80%;
117
- z-index: 15;
118
- position: fixed;
119
- top: 10%;
120
- left: 10%;
121
- text-align: left;
122
- }
123
-
124
- .ns_input_modal_full_screen img {
125
- position: fixed;
126
- top: 12%;
127
- right: 11%;
128
- z-index: 20;
129
- transition: all 0.3s ease-in-out;
130
- cursor: pointer;
131
- border-radius: 50%;
132
- }
133
-
134
- .ns_input_modal_full_screen img:hover {
135
- scale: 1.2;
1
+ .ns_container {
2
+ display: flex;
3
+ flex-direction: column;
4
+ justify-content: left;
5
+ align-items: flex-end;
6
+ }
7
+
8
+ .ns_input_parent {
9
+ display: flex;
10
+ flex-direction: row;
11
+ width: 100%;
12
+ color: #141B5C;
13
+ justify-content: space-between;
14
+ max-width: 100%;
15
+ }
16
+
17
+ .ns_input {
18
+ border-radius: 8px;
19
+ padding: 10px 48px 10px 12px;
20
+ font-size: 16px;
21
+ font-weight: 400;
22
+ border: 1px solid rgba(0, 0, 0, 1) !important;
23
+ height: 48px;
24
+ width: 272px
25
+ }
26
+
27
+ .ns_input:focus-visible {
28
+ border-color: rgba(0, 0, 0, 1) !important;
29
+ outline: solid 1px #4096ff !important;
30
+ }
31
+
32
+ .ns_input li {
33
+ color: #000 !important
34
+ }
35
+
36
+ .ns_input_title {
37
+ font-size: 16px;
38
+ font-weight: 400;
39
+ display: flex;
40
+ }
41
+
42
+ .ns_input_title_group {
43
+ display: flex;
44
+ width: 100%;
45
+ justify-content: space-between;
46
+ }
47
+
48
+ @media only screen and (min-width: 380px) {
49
+ .ns_input {
50
+ max-width: 272px;
51
+ }
52
+ }
53
+
54
+ /*Start Input phone*/
55
+ .ns_input_phone_parent input {
56
+ width: 100% !important;
57
+ height: 48px !important;
58
+ }
59
+
60
+ @media only screen and (min-width: 380px) {
61
+ .ns_input_phone_parent input {
62
+ width: 272px !important;
63
+ }
64
+ }
65
+
66
+ /*End Input phone*/
67
+
68
+ .ns_btn_box {
69
+ opacity: 0;
70
+ visibility: hidden;
71
+ color: #000;
72
+ border: none;
73
+ cursor: pointer;
74
+ width: max-content;
75
+ background-color: transparent;
76
+ }
77
+
78
+ .ns_input_parent:hover .ns_btn_box {
79
+ opacity: 1;
80
+ visibility: visible;
81
+ transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
82
+ }
83
+
84
+ .ns_btn_box img {
85
+ position: inherit;
86
+ }
87
+
88
+ .ns_full_screen {
89
+ position: fixed;
90
+ top: 0;
91
+ left: 0;
92
+ width: 100%;
93
+ height: 100%;
94
+ background: #0101015c;
95
+ z-index: 1000;
96
+ padding: 5%;
97
+ }
98
+
99
+ .ns_full_screen input {
100
+ width: 100% !important;
101
+ max-width: 100%;
102
+ }
103
+
104
+ .ns_input_modal_full {
105
+ position: fixed;
106
+ top: 0;
107
+ left: 0;
108
+ background-color: rgba(0, 0, 0, 0.6);
109
+ height: 100%;
110
+ width: 100%;
111
+ z-index: 15;
112
+ }
113
+
114
+ .ns_input_modal_full_screen textarea {
115
+ height: 80%;
116
+ width: 80%;
117
+ z-index: 15;
118
+ position: fixed;
119
+ top: 10%;
120
+ left: 10%;
121
+ text-align: left;
122
+ }
123
+
124
+ .ns_input_modal_full_screen img {
125
+ position: fixed;
126
+ top: 12%;
127
+ right: 11%;
128
+ z-index: 20;
129
+ transition: all 0.3s ease-in-out;
130
+ cursor: pointer;
131
+ border-radius: 50%;
132
+ }
133
+
134
+ .ns_input_modal_full_screen img:hover {
135
+ scale: 1.2;
136
136
  }
@@ -1,98 +1,98 @@
1
- .title {
2
- text-align: center;
3
- color: rgba(20, 27, 92, 1);
4
- }
5
-
6
- .description {
7
- text-align: center;
8
- color: rgba(20, 27, 92, 1);
9
- margin: 0px;
10
- }
11
-
12
- .ns_action_bar_holder {
13
- z-index: 1;
14
- padding: 0 16px;
15
- position: sticky;
16
- top: 96px;
17
- background-color: #fff;
18
- width: 100%;
19
- height: 100%;
20
- display: flex;
21
- flex-direction: row;
22
- flex-wrap: wrap;
23
- justify-content: center;
24
- align-items: center;
25
- box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
26
- -webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
27
- -moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
28
- }
29
-
30
- .ns_actions_holder {
31
- display: flex;
32
- align-items: center;
33
- justify-content: center;
34
- flex-direction: column;
35
- flex-wrap: wrap;
36
- gap: 0 16px;
37
- width: 100%;
38
- }
39
-
40
- .ns_info_container {
41
- border: none;
42
- outline: none;
43
- background: none;
44
- }
45
-
46
- .ns_layout_description_holder {
47
- display: flex;
48
- }
49
-
50
- .ns_hide {
51
- display: none;
52
- }
53
-
54
- .ns_show {
55
- display: flex;
56
- }
57
-
58
- .ns_desktop_action_bar_title {
59
- display: none;
60
- }
61
-
62
- .ns_mobile_action_bar_title {
63
- display: block;
64
- }
65
-
66
- @media only screen and (min-width: 480px) {
67
- .ns_actions_holder {
68
- flex-direction: row;
69
- flex: 1 1 0;
70
- }
71
- }
72
-
73
- @media only screen and (min-width: 992px) {
74
- .ns_action_bar_holder {
75
- justify-content: space-between;
76
- min-height: 80px;
77
- }
78
- .ns_actions_holder {
79
- justify-content: flex-end;
80
- }
81
-
82
- .ns_desktop_action_bar_title {
83
- display: flex;
84
- }
85
-
86
- .ns_mobile_action_bar_title {
87
- display: none;
88
- }
89
-
90
- .ns_info_container {
91
- margin: 0;
92
- display: flex;
93
- align-items: center;
94
- justify-content: flex-start;
95
- gap: 4px;
96
- }
97
-
1
+ .title {
2
+ text-align: center;
3
+ color: rgba(20, 27, 92, 1);
4
+ }
5
+
6
+ .description {
7
+ text-align: center;
8
+ color: rgba(20, 27, 92, 1);
9
+ margin: 0px;
10
+ }
11
+
12
+ .ns_action_bar_holder {
13
+ z-index: 1;
14
+ padding: 0 16px;
15
+ position: sticky;
16
+ top: 96px;
17
+ background-color: #fff;
18
+ width: 100%;
19
+ height: 100%;
20
+ display: flex;
21
+ flex-direction: row;
22
+ flex-wrap: wrap;
23
+ justify-content: center;
24
+ align-items: center;
25
+ box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
26
+ -webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
27
+ -moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
28
+ }
29
+
30
+ .ns_actions_holder {
31
+ display: flex;
32
+ align-items: center;
33
+ justify-content: center;
34
+ flex-direction: column;
35
+ flex-wrap: wrap;
36
+ gap: 0 16px;
37
+ width: 100%;
38
+ }
39
+
40
+ .ns_info_container {
41
+ border: none;
42
+ outline: none;
43
+ background: none;
44
+ }
45
+
46
+ .ns_layout_description_holder {
47
+ display: flex;
48
+ }
49
+
50
+ .ns_hide {
51
+ display: none;
52
+ }
53
+
54
+ .ns_show {
55
+ display: flex;
56
+ }
57
+
58
+ .ns_desktop_action_bar_title {
59
+ display: none;
60
+ }
61
+
62
+ .ns_mobile_action_bar_title {
63
+ display: block;
64
+ }
65
+
66
+ @media only screen and (min-width: 480px) {
67
+ .ns_actions_holder {
68
+ flex-direction: row;
69
+ flex: 1 1 0;
70
+ }
71
+ }
72
+
73
+ @media only screen and (min-width: 992px) {
74
+ .ns_action_bar_holder {
75
+ justify-content: space-between;
76
+ min-height: 80px;
77
+ }
78
+ .ns_actions_holder {
79
+ justify-content: flex-end;
80
+ }
81
+
82
+ .ns_desktop_action_bar_title {
83
+ display: flex;
84
+ }
85
+
86
+ .ns_mobile_action_bar_title {
87
+ display: none;
88
+ }
89
+
90
+ .ns_info_container {
91
+ margin: 0;
92
+ display: flex;
93
+ align-items: center;
94
+ justify-content: flex-start;
95
+ gap: 4px;
96
+ }
97
+
98
98
  }
@@ -1,70 +1,70 @@
1
- .ns_bar_alert_holder {
2
- color: #141B5C;
3
- background-color: #FE9900;
4
- padding: 16px 0;
5
- box-shadow: 0 4px 4px 0 #00000040;
6
- border-bottom: solid 1px currentColor;
7
- }
8
-
9
- .ns_bar_alert_container {
10
- display: flex;
11
- flex-wrap: wrap;
12
- flex-direction: row;
13
- justify-content: center;
14
- align-items: center;
15
- gap: 8px;
16
- }
17
-
18
- .ns_bar_alert_description {
19
- color: inherit;
20
- display: flex;
21
- flex-wrap: wrap;
22
- flex-direction: row;
23
- justify-content: center;
24
- align-items: center;
25
- gap: 8px;
26
- }
27
-
28
- .ns_bar_alert_description>h3 {
29
- color: inherit;
30
- font-size: 20px;
31
- font-weight: 600;
32
- margin: 0 16px 2px 8px;
33
- }
34
-
35
- .ns_bar_alert_description>p {
36
- color: inherit;
37
- font-size: 12px;
38
- font-weight: 300;
39
- margin-bottom: 0;
40
- text-align: center;
41
- }
42
-
43
- .ns_bar_alert_link>button {
44
- color: inherit;
45
- font-size: 16px;
46
- font-weight: 600;
47
- text-decoration: underline;
48
- border: none;
49
- outline: none;
50
- background: none;
51
- cursor: pointer;
52
- }
53
-
54
-
55
- @media only screen and (min-width: 768px) {
56
- .ns_bar_alert_container {
57
- justify-content: space-between;
58
- gap: 0;
59
- }
60
-
61
- .ns_bar_alert_description {
62
- justify-content: space-between;
63
- gap: 0;
64
- }
65
-
66
- .ns_bar_alert_description>p {
67
- text-align: start;
68
- }
69
-
1
+ .ns_bar_alert_holder {
2
+ color: #141B5C;
3
+ background-color: #FE9900;
4
+ padding: 16px 0;
5
+ box-shadow: 0 4px 4px 0 #00000040;
6
+ border-bottom: solid 1px currentColor;
7
+ }
8
+
9
+ .ns_bar_alert_container {
10
+ display: flex;
11
+ flex-wrap: wrap;
12
+ flex-direction: row;
13
+ justify-content: center;
14
+ align-items: center;
15
+ gap: 8px;
16
+ }
17
+
18
+ .ns_bar_alert_description {
19
+ color: inherit;
20
+ display: flex;
21
+ flex-wrap: wrap;
22
+ flex-direction: row;
23
+ justify-content: center;
24
+ align-items: center;
25
+ gap: 8px;
26
+ }
27
+
28
+ .ns_bar_alert_description>h3 {
29
+ color: inherit;
30
+ font-size: 20px;
31
+ font-weight: 600;
32
+ margin: 0 16px 2px 8px;
33
+ }
34
+
35
+ .ns_bar_alert_description>p {
36
+ color: inherit;
37
+ font-size: 12px;
38
+ font-weight: 300;
39
+ margin-bottom: 0;
40
+ text-align: center;
41
+ }
42
+
43
+ .ns_bar_alert_link>button {
44
+ color: inherit;
45
+ font-size: 16px;
46
+ font-weight: 600;
47
+ text-decoration: underline;
48
+ border: none;
49
+ outline: none;
50
+ background: none;
51
+ cursor: pointer;
52
+ }
53
+
54
+
55
+ @media only screen and (min-width: 768px) {
56
+ .ns_bar_alert_container {
57
+ justify-content: space-between;
58
+ gap: 0;
59
+ }
60
+
61
+ .ns_bar_alert_description {
62
+ justify-content: space-between;
63
+ gap: 0;
64
+ }
65
+
66
+ .ns_bar_alert_description>p {
67
+ text-align: start;
68
+ }
69
+
70
70
  }
@@ -1,43 +1,43 @@
1
- .hero_holder {
2
- background-color: #001664;
3
- position: relative;
4
- }
5
-
6
- .hero_wraper {
7
- padding-bottom: 24px;
8
- padding-top: 24px;
9
- display: flex;
10
- justify-content: center;
11
- }
12
-
13
- .hero_text_container {
14
- display: flex;
15
- flex-direction: column;
16
- justify-content: flex-start;
17
- align-items: flex-start;
18
- color: #fff;
19
- z-index: 9;
20
- }
21
-
22
- .hero_image_bg {
23
- background-position: center;
24
- background-repeat: no-repeat;
25
- background-size: cover;
26
- border-radius: 24px;
27
- overflow: hidden;
28
- }
29
-
30
- @media only screen and (min-width: 1024px) {
31
- .ns_hero_vector_bg {
32
- position: absolute;
33
- width: 100%;
34
- top: 0;
35
- left: 0;
36
- right: 0;
37
- bottom: 0;
38
- z-index: 2;
39
- background-position: right bottom;
40
- background-size: auto;
41
- background-repeat: no-repeat;
42
- }
1
+ .hero_holder {
2
+ background-color: #001664;
3
+ position: relative;
4
+ }
5
+
6
+ .hero_wraper {
7
+ padding-bottom: 24px;
8
+ padding-top: 24px;
9
+ display: flex;
10
+ justify-content: center;
11
+ }
12
+
13
+ .hero_text_container {
14
+ display: flex;
15
+ flex-direction: column;
16
+ justify-content: flex-start;
17
+ align-items: flex-start;
18
+ color: #fff;
19
+ z-index: 9;
20
+ }
21
+
22
+ .hero_image_bg {
23
+ background-position: center;
24
+ background-repeat: no-repeat;
25
+ background-size: cover;
26
+ border-radius: 24px;
27
+ overflow: hidden;
28
+ }
29
+
30
+ @media only screen and (min-width: 1024px) {
31
+ .ns_hero_vector_bg {
32
+ position: absolute;
33
+ width: 100%;
34
+ top: 0;
35
+ left: 0;
36
+ right: 0;
37
+ bottom: 0;
38
+ z-index: 2;
39
+ background-position: right bottom;
40
+ background-size: auto;
41
+ background-repeat: no-repeat;
42
+ }
43
43
  }