namirasoft-account-react 1.4.89 → 1.4.93

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 (65) hide show
  1. package/.env.template +12 -12
  2. package/config-overrides.js +72 -72
  3. package/dist/App.css +32 -0
  4. package/dist/components/NSAAccessListDialog.module.css +86 -86
  5. package/dist/components/NSABoxOTP.module.css +10 -10
  6. package/dist/components/NSAMessageListDialog.module.css +96 -96
  7. package/dist/components/NSAProductListDialog.module.css +44 -44
  8. package/dist/components/NSAWorkspaceListDialog.module.css +42 -42
  9. package/dist/index.css +0 -0
  10. package/dist/layouts/NSALayout.js +3 -1
  11. package/dist/layouts/NSALayout.js.map +1 -1
  12. package/dist/layouts/NSASectionEdit.d.ts +2 -2
  13. package/dist/layouts/NSASectionEdit.js +3 -3
  14. package/dist/layouts/NSASectionEdit.js.map +1 -1
  15. package/dist/layouts/NSASectionList.d.ts +4 -1
  16. package/dist/layouts/NSASectionList.js +9 -4
  17. package/dist/layouts/NSASectionList.js.map +1 -1
  18. package/dist/layouts/NSASectionTabs.d.ts +9 -0
  19. package/dist/layouts/NSASectionTabs.js +57 -50
  20. package/dist/layouts/NSASectionTabs.js.map +1 -1
  21. package/dist/layouts/NSASectionView.d.ts +4 -1
  22. package/dist/layouts/NSASectionView.js +2 -1
  23. package/dist/layouts/NSASectionView.js.map +1 -1
  24. package/dist/pages/NSAHomePage.module.css +23 -23
  25. package/dist/pages/NSALoginPage.module.css +19 -19
  26. package/dist/pages/NSAVerificationPage.module.css +31 -31
  27. package/package.json +70 -70
  28. package/public/index.html +21 -21
  29. package/src/App.css +31 -31
  30. package/src/App.tsx +31 -31
  31. package/src/IEntityInfo.ts +31 -31
  32. package/src/INSARouterMaker.ts +7 -7
  33. package/src/INSARouterProps.ts +17 -17
  34. package/src/INSARouterState.ts +5 -5
  35. package/src/Info.ts +20 -20
  36. package/src/Message.ts +7 -7
  37. package/src/Messages.ts +53 -53
  38. package/src/NSARouterMaker.tsx +142 -142
  39. package/src/Router.tsx +39 -39
  40. package/src/components/NSAAccessListDialog.module.css +86 -86
  41. package/src/components/NSAAccessListDialog.tsx +136 -136
  42. package/src/components/NSABoxOTP.module.css +10 -10
  43. package/src/components/NSABoxOTP.tsx +63 -63
  44. package/src/components/NSAMessageListDialog.module.css +96 -96
  45. package/src/components/NSAMessageListDialog.tsx +131 -131
  46. package/src/components/NSAProductListDialog.module.css +44 -44
  47. package/src/components/NSAProductListDialog.tsx +100 -100
  48. package/src/components/NSAWorkspaceListDialog.module.css +42 -42
  49. package/src/components/NSAWorkspaceListDialog.tsx +98 -98
  50. package/src/index.tsx +24 -24
  51. package/src/layouts/Actions.ts +151 -151
  52. package/src/layouts/Menus.ts +15 -15
  53. package/src/layouts/NSALayout.tsx +463 -453
  54. package/src/layouts/NSASectionEdit.tsx +149 -149
  55. package/src/layouts/NSASectionList.tsx +185 -166
  56. package/src/layouts/NSASectionTabs.tsx +180 -162
  57. package/src/layouts/NSASectionView.tsx +65 -61
  58. package/src/main.ts +19 -19
  59. package/src/pages/NSAHomePage.module.css +23 -23
  60. package/src/pages/NSAHomePage.tsx +29 -29
  61. package/src/pages/NSALoginPage.module.css +19 -19
  62. package/src/pages/NSALoginPage.tsx +67 -67
  63. package/src/pages/NSAVerificationPage.module.css +31 -31
  64. package/src/pages/NSAVerificationPage.tsx +89 -89
  65. package/tsconfig.json +43 -43
package/.env.template CHANGED
@@ -1,13 +1,13 @@
1
- ## BASE
2
- REACT_APP_BASE_PATH = ""
3
- REACT_APP_BASE_URL_ACCESS = "https://access.namirasoft.com/api/v1"
4
- REACT_APP_BASE_URL_ACCOUNT = "https://account.namirasoft.com/api/v1"
5
- REACT_APP_BASE_URL_ACCOUNT_CONSOLE = "https://account.namirasoft.com"
6
- REACT_APP_BASE_URL_API_LINK = "https://namirasoft.com/api/link/v1"
7
- REACT_APP_BASE_URL_API_PRODUCT = "https://namirasoft.com/api/product/v1"
8
- REACT_APP_BASE_URL_FIELD = "https://field.namirasoft.com/api/v1";
9
- REACT_APP_BASE_URL_HISTORY = "https://history.namirasoft.com/api/v1";
10
- REACT_APP_BASE_URL_HISTORY_CONSOLE = "https://history.namirasoft.com";
11
- REACT_APP_BASE_URL_MESSAGE = "https://message.namirasoft.com/api/v1";
12
- REACT_APP_BASE_URL_MESSAGE_CONSOLE = "https://message.namirasoft.com"
1
+ ## BASE
2
+ REACT_APP_BASE_PATH = ""
3
+ REACT_APP_BASE_URL_ACCESS = "https://access.namirasoft.com/api/v1"
4
+ REACT_APP_BASE_URL_ACCOUNT = "https://account.namirasoft.com/api/v1"
5
+ REACT_APP_BASE_URL_ACCOUNT_CONSOLE = "https://account.namirasoft.com"
6
+ REACT_APP_BASE_URL_API_LINK = "https://namirasoft.com/api/link/v1"
7
+ REACT_APP_BASE_URL_API_PRODUCT = "https://namirasoft.com/api/product/v1"
8
+ REACT_APP_BASE_URL_FIELD = "https://field.namirasoft.com/api/v1";
9
+ REACT_APP_BASE_URL_HISTORY = "https://history.namirasoft.com/api/v1";
10
+ REACT_APP_BASE_URL_HISTORY_CONSOLE = "https://history.namirasoft.com";
11
+ REACT_APP_BASE_URL_MESSAGE = "https://message.namirasoft.com/api/v1";
12
+ REACT_APP_BASE_URL_MESSAGE_CONSOLE = "https://message.namirasoft.com"
13
13
  REACT_APP_BASE_URL_WORKSPACE = "https://workspace.namirasoft.com/api/v1"
@@ -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.css ADDED
@@ -0,0 +1,32 @@
1
+ @font-face {
2
+ font-family: inter;
3
+ src: url("../src/assets/fonts/Inter-Regular.ttf");
4
+ }
5
+
6
+ body {
7
+ margin: 0;
8
+ font-family: inter;
9
+ -webkit-font-smoothing: antialiased;
10
+ -moz-osx-font-smoothing: grayscale;
11
+ }
12
+
13
+
14
+ .btn-close {
15
+ background: url(https://static.namirasoft.com/image/concept/close/blue.svg) center/1em auto no-repeat !important;
16
+ opacity: 1 !important;
17
+ }
18
+
19
+ .nsa_font_16_bold {
20
+ font-size: 16px;
21
+ font-weight: 600;
22
+ }
23
+
24
+ .nsa_font_13_normal {
25
+ font-size: 13px;
26
+ font-weight: 300;
27
+ }
28
+
29
+ .nsa_font_12_normal {
30
+ font-size: 12px;
31
+ font-weight: 300;
32
+ }
@@ -1,87 +1,87 @@
1
- .ns_access_container {
2
- width: 300px;
3
- }
4
-
5
- .ns_access_container h6 {
6
- color: rgba(20, 27, 92, 1);
7
- text-align: left;
8
- font-weight: 300;
9
- font-size: 16px;
10
- cursor: default;
11
- }
12
-
13
- .ns_access_container h2 {
14
- color: rgba(3, 119, 255, 1);
15
- text-align: center;
16
- font-weight: 600;
17
- font-size: 16px;
18
- cursor: default;
19
- margin: 0;
20
- }
21
-
22
- .ns_access_container h4 {
23
- color: rgba(20, 27, 92, 1);
24
- font-weight: 600;
25
- font-size: 16px;
26
- text-align: left;
27
- cursor: default;
28
- }
29
-
30
- .ns_access_content h6 {
31
- text-align: center;
32
- padding: 0;
33
- margin: 0;
34
- }
35
-
36
- .ns_access_account_container {
37
- display: flex;
38
- cursor: pointer;
39
- border: none;
40
- background-color: rgba(244, 246, 255, 1);
41
- border-radius: 8px;
42
- align-items: center;
43
- gap: 10px;
44
- width: 326px;
45
- max-width: 100%;
46
- }
47
-
48
- .ns_access_account_container:hover {
49
- background-color: rgba(178, 187, 217, 1);
50
- transition: all 0.3s ease-in-out;
51
- }
52
-
53
-
54
- .ns_access_account_container img {
55
- cursor: pointer;
56
- }
57
-
58
- .ns_access_account_info {
59
- display: flex;
60
- flex-direction: row;
61
- justify-content: left;
62
- align-items: flex-start;
63
- padding: 8px;
64
- }
65
-
66
- .nsa_close_icon {
67
- cursor: pointer;
68
- }
69
-
70
- .nsa_toast_background {
71
- width: 100vw;
72
- height: 100vh;
73
- background-color: #00000059;
74
- position: fixed;
75
- top: 0;
76
- left: 0;
77
- display: flex;
78
- justify-content: center;
79
- align-items: center;
80
- cursor: default;
81
- }
82
-
83
- .ns_line {
84
- border-left: none !important;
85
- border-right: none !important;
86
- width: 100% !important;
1
+ .ns_access_container {
2
+ width: 300px;
3
+ }
4
+
5
+ .ns_access_container h6 {
6
+ color: rgba(20, 27, 92, 1);
7
+ text-align: left;
8
+ font-weight: 300;
9
+ font-size: 16px;
10
+ cursor: default;
11
+ }
12
+
13
+ .ns_access_container h2 {
14
+ color: rgba(3, 119, 255, 1);
15
+ text-align: center;
16
+ font-weight: 600;
17
+ font-size: 16px;
18
+ cursor: default;
19
+ margin: 0;
20
+ }
21
+
22
+ .ns_access_container h4 {
23
+ color: rgba(20, 27, 92, 1);
24
+ font-weight: 600;
25
+ font-size: 16px;
26
+ text-align: left;
27
+ cursor: default;
28
+ }
29
+
30
+ .ns_access_content h6 {
31
+ text-align: center;
32
+ padding: 0;
33
+ margin: 0;
34
+ }
35
+
36
+ .ns_access_account_container {
37
+ display: flex;
38
+ cursor: pointer;
39
+ border: none;
40
+ background-color: rgba(244, 246, 255, 1);
41
+ border-radius: 8px;
42
+ align-items: center;
43
+ gap: 10px;
44
+ width: 326px;
45
+ max-width: 100%;
46
+ }
47
+
48
+ .ns_access_account_container:hover {
49
+ background-color: rgba(178, 187, 217, 1);
50
+ transition: all 0.3s ease-in-out;
51
+ }
52
+
53
+
54
+ .ns_access_account_container img {
55
+ cursor: pointer;
56
+ }
57
+
58
+ .ns_access_account_info {
59
+ display: flex;
60
+ flex-direction: row;
61
+ justify-content: left;
62
+ align-items: flex-start;
63
+ padding: 8px;
64
+ }
65
+
66
+ .nsa_close_icon {
67
+ cursor: pointer;
68
+ }
69
+
70
+ .nsa_toast_background {
71
+ width: 100vw;
72
+ height: 100vh;
73
+ background-color: #00000059;
74
+ position: fixed;
75
+ top: 0;
76
+ left: 0;
77
+ display: flex;
78
+ justify-content: center;
79
+ align-items: center;
80
+ cursor: default;
81
+ }
82
+
83
+ .ns_line {
84
+ border-left: none !important;
85
+ border-right: none !important;
86
+ width: 100% !important;
87
87
  }
@@ -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,97 +1,97 @@
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
- margin: 16px 0;
53
- }
54
-
55
- .nsa_body_gray {
56
- background-color: #fff;
57
- padding: 16px;
58
- box-shadow: 0px 2px 5px #e6e6e6;
59
- cursor: pointer !important;
60
- }
61
-
62
- .nsa_count {
63
- position: absolute;
64
- background: rgba(3, 119, 255, 1);
65
- right: -5px;
66
- top: -5px;
67
- color: #fff;
68
- width: 18px;
69
- height: 18px;
70
- border-radius: 50%;
71
- display: flex;
72
- justify-content: center;
73
- align-items: center;
74
- }
75
-
76
- .nsa_parent_count {
77
- position: relative;
78
- width: max-content;
79
- }
80
-
81
- .nsa_toast_body {
82
- padding: 0 !important;
83
- height: 100%;
84
- max-height: 450px;
85
- overflow-y: auto;
86
- }
87
-
88
- .nsa_toast_header {
89
- padding: 2px !important;
90
- display: flex;
91
- justify-content: space-between !important;
92
- align-items: center;
93
- }
94
-
95
- .nsa_close_icon {
96
- cursor: pointer;
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
+ margin: 16px 0;
53
+ }
54
+
55
+ .nsa_body_gray {
56
+ background-color: #fff;
57
+ padding: 16px;
58
+ box-shadow: 0px 2px 5px #e6e6e6;
59
+ cursor: pointer !important;
60
+ }
61
+
62
+ .nsa_count {
63
+ position: absolute;
64
+ background: rgba(3, 119, 255, 1);
65
+ right: -5px;
66
+ top: -5px;
67
+ color: #fff;
68
+ width: 18px;
69
+ height: 18px;
70
+ border-radius: 50%;
71
+ display: flex;
72
+ justify-content: center;
73
+ align-items: center;
74
+ }
75
+
76
+ .nsa_parent_count {
77
+ position: relative;
78
+ width: max-content;
79
+ }
80
+
81
+ .nsa_toast_body {
82
+ padding: 0 !important;
83
+ height: 100%;
84
+ max-height: 450px;
85
+ overflow-y: auto;
86
+ }
87
+
88
+ .nsa_toast_header {
89
+ padding: 2px !important;
90
+ display: flex;
91
+ justify-content: space-between !important;
92
+ align-items: center;
93
+ }
94
+
95
+ .nsa_close_icon {
96
+ cursor: pointer;
97
97
  }
@@ -1,45 +1,45 @@
1
- .nsa_product_list_container {
2
- display: grid;
3
- flex-direction: row;
4
- grid-template-columns: repeat(3, 1fr);
5
- align-items: flex-start;
6
- justify-content: center;
7
- width: 100%;
8
- height: 400px;
9
- overflow: auto;
10
- margin-top: 16px;
11
- }
12
-
13
- .nsa_product_list_container::-webkit-scrollbar {
14
- width: 1rem;
15
- }
16
-
17
- .nsa_product_list_container::-webkit-scrollbar-track {
18
- box-shadow: inset 0 0 6px #E8EBF6;
19
- }
20
-
21
- .nsa_product_list_container::-webkit-scrollbar-thumb {
22
- background-color: #A1A4B0;
23
- border-radius: 8px;
24
- }
25
-
26
- .nsa_product_list {
27
- display: flex;
28
- flex-direction: column;
29
- justify-content: center;
30
- align-items: center;
31
- text-align: center;
32
- margin-top: 24px;
33
- gap: 8px;
34
- }
35
- .nsa_product_list a{
36
- text-decoration: none;
37
- color: rgba(20, 27, 92, 1);
38
- }
39
-
40
- .nsa_product_logo {
41
- display: flex;
42
- flex-direction: column;
43
- justify-content: center;
44
- align-items: center;
1
+ .nsa_product_list_container {
2
+ display: grid;
3
+ flex-direction: row;
4
+ grid-template-columns: repeat(3, 1fr);
5
+ align-items: flex-start;
6
+ justify-content: center;
7
+ width: 100%;
8
+ height: 400px;
9
+ overflow: auto;
10
+ margin-top: 16px;
11
+ }
12
+
13
+ .nsa_product_list_container::-webkit-scrollbar {
14
+ width: 1rem;
15
+ }
16
+
17
+ .nsa_product_list_container::-webkit-scrollbar-track {
18
+ box-shadow: inset 0 0 6px #E8EBF6;
19
+ }
20
+
21
+ .nsa_product_list_container::-webkit-scrollbar-thumb {
22
+ background-color: #A1A4B0;
23
+ border-radius: 8px;
24
+ }
25
+
26
+ .nsa_product_list {
27
+ display: flex;
28
+ flex-direction: column;
29
+ justify-content: center;
30
+ align-items: center;
31
+ text-align: center;
32
+ margin-top: 24px;
33
+ gap: 8px;
34
+ }
35
+ .nsa_product_list a{
36
+ text-decoration: none;
37
+ color: rgba(20, 27, 92, 1);
38
+ }
39
+
40
+ .nsa_product_logo {
41
+ display: flex;
42
+ flex-direction: column;
43
+ justify-content: center;
44
+ align-items: center;
45
45
  }