namirasoft-account-react 1.3.159 → 1.3.161

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 (55) hide show
  1. package/config-overrides.js +72 -72
  2. package/dist/App.js +3 -2
  3. package/dist/App.js.map +1 -1
  4. package/dist/components/NSAAccessModal.module.css +103 -103
  5. package/dist/components/NSABoxOTP.module.css +10 -10
  6. package/dist/components/NSAMessageDialog.module.css +148 -148
  7. package/dist/components/NSAProductListModal.d.ts +2 -0
  8. package/dist/components/NSAProductListModal.js +20 -0
  9. package/dist/components/NSAProductListModal.js.map +1 -0
  10. package/dist/components/NSAProductListModal.module.css +46 -0
  11. package/dist/layouts/NSASectionView.d.ts +1 -1
  12. package/dist/layouts/NSASectionView.js +1 -1
  13. package/dist/layouts/NSASectionView.js.map +1 -1
  14. package/dist/pages/NSALoginPage.module.css +19 -19
  15. package/dist/pages/NSAVerificationPage.module.css +22 -22
  16. package/package.json +68 -67
  17. package/public/index.html +21 -21
  18. package/src/App.css +31 -31
  19. package/src/App.tsx +9 -8
  20. package/src/IEntityInfo.ts +28 -28
  21. package/src/INSARouterMaker.ts +8 -8
  22. package/src/INSARouterProps.ts +17 -17
  23. package/src/INSARouterState.ts +5 -5
  24. package/src/Info.ts +20 -20
  25. package/src/NSARouterMaker.tsx +138 -138
  26. package/src/components/NSAAccessModal.module.css +103 -103
  27. package/src/components/NSAAccessModal.tsx +134 -134
  28. package/src/components/NSABoxOTP.module.css +10 -10
  29. package/src/components/NSABoxOTP.tsx +63 -63
  30. package/src/components/NSADeleteModal.tsx +24 -24
  31. package/src/components/NSAMessageDialog.module.css +148 -148
  32. package/src/components/NSAMessageDialog.tsx +132 -132
  33. package/src/components/NSAProductListModal.module.css +46 -0
  34. package/src/components/NSAProductListModal.tsx +53 -0
  35. package/src/index.tsx +7 -7
  36. package/src/layouts/Actions.ts +119 -119
  37. package/src/layouts/Menus.ts +15 -15
  38. package/src/layouts/NSALayout.tsx +240 -240
  39. package/src/layouts/NSASectionEdit.tsx +114 -114
  40. package/src/layouts/NSASectionList.tsx +168 -168
  41. package/src/layouts/NSASectionTabs.tsx +36 -36
  42. package/src/layouts/NSASectionView.tsx +39 -39
  43. package/src/main.ts +17 -17
  44. package/src/pages/NSALoginPage.module.css +19 -19
  45. package/src/pages/NSALoginPage.tsx +37 -37
  46. package/src/pages/NSAVerificationPage.module.css +22 -22
  47. package/src/pages/NSAVerificationPage.tsx +58 -58
  48. package/tsconfig.json +43 -43
  49. package/dist/App.css +0 -32
  50. package/dist/assets/images/verify.png +0 -0
  51. package/dist/components/NSAAccessModel.d.ts +0 -17
  52. package/dist/components/NSAAccessModel.js +0 -73
  53. package/dist/components/NSAAccessModel.js.map +0 -1
  54. package/dist/components/NSAAccessModel.module.css +0 -101
  55. package/dist/index.css +0 -0
@@ -1,73 +1,73 @@
1
- const getCacheIdentifier = require('react-dev-utils/getCacheIdentifier');
2
- const webpack = require('webpack');
3
-
4
- const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
5
-
6
- module.exports = function config_overrides(config, webpackEnv)
7
- {
8
- console.log('overriding webpack config...');
9
- const isEnvDevelopment = webpackEnv === 'development';
10
- const isEnvProduction = webpackEnv === 'production';
11
- const loaders = config.module.rules[1].oneOf;
12
-
13
- loaders.splice(loaders.length - 1, 0, {
14
- test: /\.(js|mjs|cjs)$/,
15
- exclude: /@babel(?:\/|\\{1,2})runtime/,
16
- loader: require.resolve('babel-loader'),
17
- options: {
18
- babelrc: false,
19
- configFile: false,
20
- compact: false,
21
- presets: [
22
- [
23
- require.resolve('babel-preset-react-app/dependencies'),
24
- { helpers: true },
25
- ],
26
- ],
27
- cacheDirectory: true,
28
- // See #6846 for context on why cacheCompression is disabled
29
- cacheCompression: false,
30
- // @remove-on-eject-begin
31
- cacheIdentifier: getCacheIdentifier(
32
- isEnvProduction
33
- ? 'production'
34
- : isEnvDevelopment && 'development',
35
- [
36
- 'babel-plugin-named-asset-import',
37
- 'babel-preset-react-app',
38
- 'react-dev-utils',
39
- 'react-scripts',
40
- ]
41
- ),
42
- // @remove-on-eject-end
43
- // Babel sourcemaps are needed for debugging into node_modules
44
- // code. Without the options below, debuggers like VSCode
45
- // show incorrect code and set breakpoints on the wrong lines.
46
- sourceMaps: shouldUseSourceMap,
47
- inputSourceMap: shouldUseSourceMap,
48
- },
49
- });
50
-
51
- config.resolve.fallback = {
52
- "fs": false,
53
- "tls": false,
54
- "net": false,
55
- "https": false,
56
- // "http": require.resolve("stream-http"),
57
- // "zlib": require.resolve("browserify-zlib"),
58
- "path": require.resolve("path-browserify"),
59
- // "stream": require.resolve("stream-browserify"),
60
- // "util": require.resolve("util/"),
61
- // "crypto": require.resolve("crypto-browserify")
62
- "child_process": false,
63
- "os": false,
64
- "crypto": false
65
- }
66
- config.plugins = (config.plugins || []).concat([
67
- new webpack.NormalModuleReplacementPlugin(/node:/, (resource) =>
68
- {
69
- resource.request = resource.request.replace(/^node:/, "");
70
- })
71
- ]);
72
- return config;
1
+ const getCacheIdentifier = require('react-dev-utils/getCacheIdentifier');
2
+ const webpack = require('webpack');
3
+
4
+ const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
5
+
6
+ module.exports = function config_overrides(config, webpackEnv)
7
+ {
8
+ console.log('overriding webpack config...');
9
+ const isEnvDevelopment = webpackEnv === 'development';
10
+ const isEnvProduction = webpackEnv === 'production';
11
+ const loaders = config.module.rules[1].oneOf;
12
+
13
+ loaders.splice(loaders.length - 1, 0, {
14
+ test: /\.(js|mjs|cjs)$/,
15
+ exclude: /@babel(?:\/|\\{1,2})runtime/,
16
+ loader: require.resolve('babel-loader'),
17
+ options: {
18
+ babelrc: false,
19
+ configFile: false,
20
+ compact: false,
21
+ presets: [
22
+ [
23
+ require.resolve('babel-preset-react-app/dependencies'),
24
+ { helpers: true },
25
+ ],
26
+ ],
27
+ cacheDirectory: true,
28
+ // See #6846 for context on why cacheCompression is disabled
29
+ cacheCompression: false,
30
+ // @remove-on-eject-begin
31
+ cacheIdentifier: getCacheIdentifier(
32
+ isEnvProduction
33
+ ? 'production'
34
+ : isEnvDevelopment && 'development',
35
+ [
36
+ 'babel-plugin-named-asset-import',
37
+ 'babel-preset-react-app',
38
+ 'react-dev-utils',
39
+ 'react-scripts',
40
+ ]
41
+ ),
42
+ // @remove-on-eject-end
43
+ // Babel sourcemaps are needed for debugging into node_modules
44
+ // code. Without the options below, debuggers like VSCode
45
+ // show incorrect code and set breakpoints on the wrong lines.
46
+ sourceMaps: shouldUseSourceMap,
47
+ inputSourceMap: shouldUseSourceMap,
48
+ },
49
+ });
50
+
51
+ config.resolve.fallback = {
52
+ "fs": false,
53
+ "tls": false,
54
+ "net": false,
55
+ "https": false,
56
+ // "http": require.resolve("stream-http"),
57
+ // "zlib": require.resolve("browserify-zlib"),
58
+ "path": require.resolve("path-browserify"),
59
+ // "stream": require.resolve("stream-browserify"),
60
+ // "util": require.resolve("util/"),
61
+ // "crypto": require.resolve("crypto-browserify")
62
+ "child_process": false,
63
+ "os": false,
64
+ "crypto": false
65
+ }
66
+ config.plugins = (config.plugins || []).concat([
67
+ new webpack.NormalModuleReplacementPlugin(/node:/, (resource) =>
68
+ {
69
+ resource.request = resource.request.replace(/^node:/, "");
70
+ })
71
+ ]);
72
+ return config;
73
73
  };
package/dist/App.js CHANGED
@@ -1,6 +1,7 @@
1
- import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import NSAProductListModal from "./components/NSAProductListModal";
2
3
  export function App() {
3
- return (_jsx(_Fragment, {}));
4
+ return (_jsx("div", { children: _jsx(NSAProductListModal, {}) }));
4
5
  }
5
6
  ;
6
7
  //# sourceMappingURL=App.js.map
package/dist/App.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AACA,MAAM,UAAU,GAAG;IAEf,OAAO,CACH,mBAEG,CACN,CAAC;AACN,CAAC;AAAA,CAAC"}
1
+ {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,MAAM,kCAAkC,CAAC;AAEnE,MAAM,UAAU,GAAG;IAEf,OAAO,CACH,wBACI,KAAC,mBAAmB,KAAG,GACrB,CACT,CAAC;AACN,CAAC;AAAA,CAAC"}
@@ -1,104 +1,104 @@
1
- .ns_access_container {
2
- width: max-content;
3
- position: relative;
4
- background-color: rgba(255, 255, 255, 1);
5
- border-radius: 16px;
6
- border: 0.2px solid rgb(210, 210, 210);
7
- padding: 16px;
8
- position: absolute;
9
- right: 0;
10
- z-index: 1;
11
- top: 0;
12
- left: auto;
13
- transform: translate(30%, 50%);
14
- cursor: default;
15
- }
16
-
17
- .ns_access_container h6 {
18
- color: rgba(20, 27, 92, 1);
19
- text-align: center;
20
- font-weight: 300;
21
- font-size: 16px;
22
- cursor: default;
23
- }
24
-
25
- .ns_access_container h2 {
26
- color: rgba(3, 119, 255, 1);
27
- text-align: center;
28
- font-weight: 600;
29
- font-size: 16px;
30
- cursor: default;
31
- }
32
-
33
- .ns_access_container h4 {
34
- color: rgba(20, 27, 92, 1);
35
- font-weight: 600;
36
- font-size: 16px;
37
- text-align: left;
38
- cursor: default;
39
- }
40
-
41
- .ns_access_container h5 {
42
- color: rgba(20, 27, 92, 1);
43
- font-weight: 300;
44
- font-size: 12px;
45
- text-align: left;
46
- }
47
-
48
- .ns_access_account_container {
49
- display: flex;
50
- border: none;
51
- background-color: rgba(244, 246, 255, 1);
52
- border-radius: 50px;
53
- align-items: center;
54
- gap: 10px;
55
- width: 326px;
56
- max-width: 100%;
57
- cursor: pointer;
58
- }
59
-
60
- .ns_access_account_container:hover {
61
- background-color: rgba(178, 187, 217, 1);
62
- transition: all 0.4s ease-in-out;
63
- }
64
-
65
- .ns_access_account_info {
66
- display: flex;
67
- flex-direction: row;
68
- justify-content: left;
69
- align-items: flex-start;
70
- padding: 8px;
71
- cursor: default;
72
- }
73
-
74
- .nsa_close_icon {
75
- cursor: pointer;
76
- }
77
-
78
- .nsa_toast_background {
79
- width: 100vw;
80
- height: 100vh;
81
- background-color: #00000059;
82
- position: fixed;
83
- top: 0;
84
- left: 0;
85
- display: flex;
86
- justify-content: center;
87
- align-items: center;
88
- cursor: default;
89
- }
90
-
91
-
92
- @media only screen and (min-width: 500px) {
93
- .ns_access_container {
94
- padding: 16px;
95
- position: absolute;
96
- right: 0;
97
- z-index: 1;
98
- top: 30;
99
- left: auto;
100
- transform: translate(0%, 0%);
101
- width: 275px;
102
- min-height: 250px;
103
- }
1
+ .ns_access_container {
2
+ width: max-content;
3
+ position: relative;
4
+ background-color: rgba(255, 255, 255, 1);
5
+ border-radius: 16px;
6
+ border: 0.2px solid rgb(210, 210, 210);
7
+ padding: 16px;
8
+ position: absolute;
9
+ right: 0;
10
+ z-index: 1;
11
+ top: 0;
12
+ left: auto;
13
+ transform: translate(30%, 50%);
14
+ cursor: default;
15
+ }
16
+
17
+ .ns_access_container h6 {
18
+ color: rgba(20, 27, 92, 1);
19
+ text-align: center;
20
+ font-weight: 300;
21
+ font-size: 16px;
22
+ cursor: default;
23
+ }
24
+
25
+ .ns_access_container h2 {
26
+ color: rgba(3, 119, 255, 1);
27
+ text-align: center;
28
+ font-weight: 600;
29
+ font-size: 16px;
30
+ cursor: default;
31
+ }
32
+
33
+ .ns_access_container h4 {
34
+ color: rgba(20, 27, 92, 1);
35
+ font-weight: 600;
36
+ font-size: 16px;
37
+ text-align: left;
38
+ cursor: default;
39
+ }
40
+
41
+ .ns_access_container h5 {
42
+ color: rgba(20, 27, 92, 1);
43
+ font-weight: 300;
44
+ font-size: 12px;
45
+ text-align: left;
46
+ }
47
+
48
+ .ns_access_account_container {
49
+ display: flex;
50
+ border: none;
51
+ background-color: rgba(244, 246, 255, 1);
52
+ border-radius: 50px;
53
+ align-items: center;
54
+ gap: 10px;
55
+ width: 326px;
56
+ max-width: 100%;
57
+ cursor: pointer;
58
+ }
59
+
60
+ .ns_access_account_container:hover {
61
+ background-color: rgba(178, 187, 217, 1);
62
+ transition: all 0.4s ease-in-out;
63
+ }
64
+
65
+ .ns_access_account_info {
66
+ display: flex;
67
+ flex-direction: row;
68
+ justify-content: left;
69
+ align-items: flex-start;
70
+ padding: 8px;
71
+ cursor: default;
72
+ }
73
+
74
+ .nsa_close_icon {
75
+ cursor: pointer;
76
+ }
77
+
78
+ .nsa_toast_background {
79
+ width: 100vw;
80
+ height: 100vh;
81
+ background-color: #00000059;
82
+ position: fixed;
83
+ top: 0;
84
+ left: 0;
85
+ display: flex;
86
+ justify-content: center;
87
+ align-items: center;
88
+ cursor: default;
89
+ }
90
+
91
+
92
+ @media only screen and (min-width: 500px) {
93
+ .ns_access_container {
94
+ padding: 16px;
95
+ position: absolute;
96
+ right: 0;
97
+ z-index: 1;
98
+ top: 30;
99
+ left: auto;
100
+ transform: translate(0%, 0%);
101
+ width: 275px;
102
+ min-height: 250px;
103
+ }
104
104
  }
@@ -1,11 +1,11 @@
1
- .nsa_otp_input {
2
- border: none;
3
- background-color: transparent;
4
- border-bottom: 2px solid #141B5C;
5
- }
6
-
7
- .nsa_otp_input:focus {
8
- border: none;
9
- outline: none;
10
- border-bottom: 2px solid #141B5C;
1
+ .nsa_otp_input {
2
+ border: none;
3
+ background-color: transparent;
4
+ border-bottom: 2px solid #141B5C;
5
+ }
6
+
7
+ .nsa_otp_input:focus {
8
+ border: none;
9
+ outline: none;
10
+ border-bottom: 2px solid #141B5C;
11
11
  }
@@ -1,149 +1,149 @@
1
- .nsa_message_icon {
2
- cursor: pointer;
3
- }
4
-
5
- .nsa_message_title {
6
- color: hsla(212, 100%, 51%, 1)
7
- }
8
-
9
- .nsa_message_item_title {
10
- color: hsla(234, 64%, 22%, 1);
11
- font-size: 16px;
12
- font-weight: 600;
13
- text-align: left;
14
- }
15
-
16
- .nsa_message_item_content {
17
- color: hsla(234, 64%, 22%, 1);
18
- margin: 0;
19
- text-align: left;
20
- overflow: hidden;
21
- text-overflow: ellipsis;
22
- white-space: nowrap;
23
- }
24
-
25
- .nsa_message_item_ul {
26
- padding-left: 16px !important;
27
- margin-bottom: 8px;
28
- }
29
-
30
- .nsa_message_item_ul li::marker {
31
- color: hsla(157, 94%, 42%, 1);
32
- }
33
-
34
- .nsa_message_item_dot_green {
35
- width: 8px;
36
- height: 8px;
37
- background: hsla(157, 94%, 42%, 1);
38
- border-radius: 50%;
39
- }
40
-
41
- .nsa_message_item_dot_gray {
42
- width: 8px;
43
- height: 8px;
44
- background: hsla(228, 9%, 66%, 1);
45
- border-radius: 50%;
46
- }
47
-
48
- .nsa_body_green {
49
- background-color: hsla(157, 94%, 42%, 0.1);
50
- padding: 16px;
51
- cursor: pointer !important;
52
- }
53
-
54
- .nsa_body_gray {
55
- background-color: #fff;
56
- padding: 16px;
57
- box-shadow: 0px 2px 5px #e6e6e6;
58
- cursor: pointer !important;
59
- }
60
-
61
- .nsa_count {
62
- position: absolute;
63
- background: rgba(3, 119, 255, 1);
64
- right: -5px;
65
- top: -5px;
66
- color: #fff;
67
- width: 18px;
68
- height: 18px;
69
- border-radius: 50%;
70
- display: flex;
71
- justify-content: center;
72
- align-items: center;
73
- }
74
-
75
- .nsa_parent_count {
76
- position: relative;
77
- width: max-content;
78
- }
79
-
80
- .nsa_toast_body {
81
- padding: 0 !important;
82
- }
83
-
84
- .nsa_toast_header {
85
- padding: 16px !important;
86
- display: flex;
87
- justify-content: space-between !important;
88
- align-items: center;
89
- }
90
-
91
- .nsa_toast {
92
- background-color: rgb(252 252 252);
93
- width: 350px;
94
- max-width: 100vw;
95
- border: 8px;
96
- z-index: 1;
97
- position: fixed;
98
- z-index: 1;
99
- top: 50%;
100
- left: 50%;
101
- transform: translate(-50%, -50%);
102
- }
103
-
104
-
105
- .nsa_toast div {
106
- width: 100% !important;
107
- cursor: auto;
108
- }
109
-
110
- .nsa_close_icon {
111
- cursor: pointer;
112
- }
113
-
114
- .nsa_toast_background {
115
- width: 100vw;
116
- height: 100vh;
117
- background-color: #00000059;
118
- position: fixed;
119
- top: 0;
120
- left: 0;
121
- display: flex;
122
- justify-content: center;
123
- align-items: center;
124
- cursor: auto;
125
- }
126
-
127
- .nsa_toast {
128
- background-color: rgb(252 252 252);
129
- width: 350px;
130
- max-width: 100vw;
131
- border: 8px;
132
- position: fixed;
133
- z-index: 1;
134
- top: 50%;
135
- left: 50%;
136
- transform: translate(-50%, -50%);
137
- cursor: auto;
138
- }
139
-
140
- @media only screen and (min-width: 500px) {
141
- .nsa_toast {
142
- position: absolute;
143
- right: 0;
144
- z-index: 1;
145
- top: 30px;
146
- left: auto;
147
- transform: translate(0%, 0%);
148
- }
1
+ .nsa_message_icon {
2
+ cursor: pointer;
3
+ }
4
+
5
+ .nsa_message_title {
6
+ color: hsla(212, 100%, 51%, 1)
7
+ }
8
+
9
+ .nsa_message_item_title {
10
+ color: hsla(234, 64%, 22%, 1);
11
+ font-size: 16px;
12
+ font-weight: 600;
13
+ text-align: left;
14
+ }
15
+
16
+ .nsa_message_item_content {
17
+ color: hsla(234, 64%, 22%, 1);
18
+ margin: 0;
19
+ text-align: left;
20
+ overflow: hidden;
21
+ text-overflow: ellipsis;
22
+ white-space: nowrap;
23
+ }
24
+
25
+ .nsa_message_item_ul {
26
+ padding-left: 16px !important;
27
+ margin-bottom: 8px;
28
+ }
29
+
30
+ .nsa_message_item_ul li::marker {
31
+ color: hsla(157, 94%, 42%, 1);
32
+ }
33
+
34
+ .nsa_message_item_dot_green {
35
+ width: 8px;
36
+ height: 8px;
37
+ background: hsla(157, 94%, 42%, 1);
38
+ border-radius: 50%;
39
+ }
40
+
41
+ .nsa_message_item_dot_gray {
42
+ width: 8px;
43
+ height: 8px;
44
+ background: hsla(228, 9%, 66%, 1);
45
+ border-radius: 50%;
46
+ }
47
+
48
+ .nsa_body_green {
49
+ background-color: hsla(157, 94%, 42%, 0.1);
50
+ padding: 16px;
51
+ cursor: pointer !important;
52
+ }
53
+
54
+ .nsa_body_gray {
55
+ background-color: #fff;
56
+ padding: 16px;
57
+ box-shadow: 0px 2px 5px #e6e6e6;
58
+ cursor: pointer !important;
59
+ }
60
+
61
+ .nsa_count {
62
+ position: absolute;
63
+ background: rgba(3, 119, 255, 1);
64
+ right: -5px;
65
+ top: -5px;
66
+ color: #fff;
67
+ width: 18px;
68
+ height: 18px;
69
+ border-radius: 50%;
70
+ display: flex;
71
+ justify-content: center;
72
+ align-items: center;
73
+ }
74
+
75
+ .nsa_parent_count {
76
+ position: relative;
77
+ width: max-content;
78
+ }
79
+
80
+ .nsa_toast_body {
81
+ padding: 0 !important;
82
+ }
83
+
84
+ .nsa_toast_header {
85
+ padding: 16px !important;
86
+ display: flex;
87
+ justify-content: space-between !important;
88
+ align-items: center;
89
+ }
90
+
91
+ .nsa_toast {
92
+ background-color: rgb(252 252 252);
93
+ width: 350px;
94
+ max-width: 100vw;
95
+ border: 8px;
96
+ z-index: 1;
97
+ position: fixed;
98
+ z-index: 1;
99
+ top: 50%;
100
+ left: 50%;
101
+ transform: translate(-50%, -50%);
102
+ }
103
+
104
+
105
+ .nsa_toast div {
106
+ width: 100% !important;
107
+ cursor: auto;
108
+ }
109
+
110
+ .nsa_close_icon {
111
+ cursor: pointer;
112
+ }
113
+
114
+ .nsa_toast_background {
115
+ width: 100vw;
116
+ height: 100vh;
117
+ background-color: #00000059;
118
+ position: fixed;
119
+ top: 0;
120
+ left: 0;
121
+ display: flex;
122
+ justify-content: center;
123
+ align-items: center;
124
+ cursor: auto;
125
+ }
126
+
127
+ .nsa_toast {
128
+ background-color: rgb(252 252 252);
129
+ width: 350px;
130
+ max-width: 100vw;
131
+ border: 8px;
132
+ position: fixed;
133
+ z-index: 1;
134
+ top: 50%;
135
+ left: 50%;
136
+ transform: translate(-50%, -50%);
137
+ cursor: auto;
138
+ }
139
+
140
+ @media only screen and (min-width: 500px) {
141
+ .nsa_toast {
142
+ position: absolute;
143
+ right: 0;
144
+ z-index: 1;
145
+ top: 30px;
146
+ left: auto;
147
+ transform: translate(0%, 0%);
148
+ }
149
149
  }