namirasoft-account-react 1.3.199 → 1.3.201

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 (52) hide show
  1. package/config-overrides.js +72 -72
  2. package/dist/App.css +32 -0
  3. package/dist/assets/images/verify.png +0 -0
  4. package/dist/components/NSAAccessModal.module.css +103 -103
  5. package/dist/components/NSAAccessModel.d.ts +17 -0
  6. package/dist/components/NSAAccessModel.js +73 -0
  7. package/dist/components/NSAAccessModel.js.map +1 -0
  8. package/dist/components/NSAAccessModel.module.css +101 -0
  9. package/dist/components/NSABoxOTP.module.css +10 -10
  10. package/dist/components/NSAHomePage.module.css +22 -22
  11. package/dist/components/NSAMessageDialog.module.css +147 -147
  12. package/dist/components/NSAProductListModal.module.css +76 -76
  13. package/dist/index.css +0 -0
  14. package/dist/layouts/NSALayout.d.ts +1 -5
  15. package/dist/layouts/NSALayout.js.map +1 -1
  16. package/dist/pages/NSALoginPage.module.css +19 -19
  17. package/dist/pages/NSAVerificationPage.module.css +22 -22
  18. package/package.json +68 -68
  19. package/public/index.html +21 -21
  20. package/src/App.css +31 -31
  21. package/src/App.tsx +11 -11
  22. package/src/IEntityInfo.ts +30 -30
  23. package/src/INSARouterMaker.ts +8 -8
  24. package/src/INSARouterProps.ts +17 -17
  25. package/src/INSARouterState.ts +5 -5
  26. package/src/Info.ts +20 -20
  27. package/src/NSARouterMaker.tsx +138 -138
  28. package/src/components/NSAAccessModal.module.css +103 -103
  29. package/src/components/NSAAccessModal.tsx +134 -134
  30. package/src/components/NSABoxOTP.module.css +10 -10
  31. package/src/components/NSABoxOTP.tsx +63 -63
  32. package/src/components/NSADeleteModal.tsx +24 -24
  33. package/src/components/NSAHomePage.module.css +22 -22
  34. package/src/components/NSAHomePage.tsx +27 -27
  35. package/src/components/NSAMessageDialog.module.css +147 -147
  36. package/src/components/NSAMessageDialog.tsx +132 -132
  37. package/src/components/NSAProductListModal.module.css +76 -76
  38. package/src/components/NSAProductListModal.tsx +110 -110
  39. package/src/index.tsx +7 -7
  40. package/src/layouts/Actions.ts +119 -119
  41. package/src/layouts/Menus.ts +15 -15
  42. package/src/layouts/NSALayout.tsx +280 -280
  43. package/src/layouts/NSASectionEdit.tsx +131 -131
  44. package/src/layouts/NSASectionList.tsx +160 -160
  45. package/src/layouts/NSASectionTabs.tsx +50 -50
  46. package/src/layouts/NSASectionView.tsx +58 -58
  47. package/src/main.ts +18 -18
  48. package/src/pages/NSALoginPage.module.css +19 -19
  49. package/src/pages/NSALoginPage.tsx +37 -37
  50. package/src/pages/NSAVerificationPage.module.css +22 -22
  51. package/src/pages/NSAVerificationPage.tsx +58 -58
  52. package/tsconfig.json +43 -43
@@ -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(./assets/images/icon-close.png) 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
+ }
Binary file
@@ -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: 30px;
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: 30px;
99
+ left: auto;
100
+ transform: translate(0%, 0%);
101
+ width: 275px;
102
+ min-height: 250px;
103
+ }
104
104
  }
@@ -0,0 +1,17 @@
1
+ import { Component } from 'react';
2
+ import { INSARouterProps } from '../INSARouterProps';
3
+ import { PermissionRow } from 'namirasoft-access';
4
+ export interface NSAAccessModelProps extends INSARouterProps {
5
+ onClose: () => void;
6
+ }
7
+ export interface NSAAccessModelState {
8
+ permissions: PermissionRow[] | null;
9
+ }
10
+ export default class NSAAccessModel extends Component<NSAAccessModelProps, NSAAccessModelState> {
11
+ private toastRef;
12
+ constructor(props: NSAAccessModelProps);
13
+ componentDidMount(): void;
14
+ componentWillUnmount(): void;
15
+ private handleClickOutside;
16
+ render(): import("react/jsx-runtime").JSX.Element;
17
+ }
@@ -0,0 +1,73 @@
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import { Component, createRef } from 'react';
3
+ import Styles from './NSAAccessModel.module.css';
4
+ import ProfileAccount from '../assets/images/icon-close.png';
5
+ import CloseToast from '../assets/images/icon-close.png';
6
+ import { NamirasoftAccessServer } from 'namirasoft-access';
7
+ import { NSLoading } from 'namirasoft-site-react';
8
+ export default class NSAAccessModel extends Component {
9
+ constructor(props) {
10
+ super(props);
11
+ this.state = { permissions: null };
12
+ this.toastRef = createRef();
13
+ this.handleClickOutside = this.handleClickOutside.bind(this);
14
+ }
15
+ componentDidMount() {
16
+ document.addEventListener('mousedown', this.handleClickOutside);
17
+ let server = new NamirasoftAccessServer(this.props.account.token_manager, this.props.notifier.onError);
18
+ server.permission.ListIncoming([], null, null).then(res => {
19
+ this.setState({ permissions: res.rows });
20
+ }).catch(() => { });
21
+ }
22
+ componentWillUnmount() {
23
+ document.removeEventListener('mousedown', this.handleClickOutside);
24
+ }
25
+ handleClickOutside(event) {
26
+ if (this.toastRef.current && !this.toastRef.current.contains(event.target))
27
+ this.props.onClose();
28
+ }
29
+ render() {
30
+ let profile = null;
31
+ let content = null;
32
+ if (this.state.permissions == null)
33
+ content =
34
+ _jsx("div", { style: { width: "250px", height: "263px" }, children: _jsx(NSLoading, {}) });
35
+ else {
36
+ let user_id = this.props.account.token_manager.getUserData(u => u.id, "");
37
+ let first_name = this.props.account.token_manager.getUserData(u => u.first_name, "");
38
+ let last_name = this.props.account.token_manager.getUserData(u => u.last_name, "");
39
+ let email = this.props.account.token_manager.getUserData(u => u.email, "");
40
+ let generate = (permission) => {
41
+ return _jsxs("div", { className: Styles.ns_access_account_container, onClick: () => {
42
+ let server = new NamirasoftAccessServer(this.props.account.token_manager, this.props.notifier.onError);
43
+ if (permission.id)
44
+ server.access.SetOwner({ owner_id: permission.user_id }).then(() => {
45
+ this.props.onClose();
46
+ }).catch(() => { });
47
+ else
48
+ server.access.SetOwner({ owner_id: null }).then(() => {
49
+ this.props.onClose();
50
+ }).catch(() => { });
51
+ }, children: [_jsx("div", { className: Styles.ns_access_account_info, children: _jsx("img", { src: ProfileAccount, alt: 'User Profile', width: 48, height: 48, className: 'rounded-circle' }) }), _jsxs("div", { className: 'd-flex flex-column', children: [_jsx("h4", { children: `${permission.firstName} ${permission.lastName}`.trim() }), _jsx("h5", { children: permission.user_id })] })] });
52
+ };
53
+ let me = {
54
+ id: "",
55
+ user_id,
56
+ to_user_id: user_id,
57
+ firstName: first_name,
58
+ lastName: last_name,
59
+ email: email,
60
+ default: this.state.permissions.filter(x => x.default).length == 0
61
+ };
62
+ let permissions = [me, ...this.state.permissions];
63
+ let current = permissions.filter(x => x.default)[0];
64
+ content = permissions.filter(x => !x.default).map(generate);
65
+ profile = _jsxs(_Fragment, { children: [_jsx("div", { className: 'text-center pb-2', children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/no-profile/grey.svg", alt: 'No Profile', width: 103, height: 103, className: 'rounded-circle' }) }), _jsx("h2", { className: 'text-center', children: current.user_id }), _jsx("h6", { className: 'text-center pb-2', children: `${current.firstName} ${current.lastName}`.trim() })] });
66
+ }
67
+ return (_jsxs(_Fragment, { children: [_jsxs("section", { className: Styles.ns_access_container, ref: this.toastRef, children: [_jsxs("div", { className: Styles.ns_access_content, children: [_jsx("div", { className: 'd-flex justify-content-end', children: _jsx("img", { src: CloseToast, alt: "Close", width: 18, height: 18, onClick: (e) => {
68
+ e.stopPropagation();
69
+ this.props.onClose();
70
+ }, className: Styles.nsa_close_icon }) }), profile] }), content] }), _jsx("div", { className: Styles.nsa_toast_background })] }));
71
+ }
72
+ }
73
+ //# sourceMappingURL=NSAAccessModel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSAAccessModel.js","sourceRoot":"","sources":["../../src/components/NSAAccessModel.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,101 @@
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: pointer;
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: pointer;
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: pointer;
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
+ }
58
+
59
+ .ns_access_account_container:hover {
60
+ background-color: rgba(178, 187, 217, 1);
61
+ transition: all 0.4s ease-in-out;
62
+ }
63
+
64
+ .ns_access_account_info {
65
+ display: flex;
66
+ flex-direction: row;
67
+ justify-content: left;
68
+ align-items: flex-start;
69
+ padding: 8px;
70
+ }
71
+
72
+ .nsa_close_icon {
73
+ cursor: pointer;
74
+ }
75
+
76
+ .nsa_toast_background {
77
+ width: 100vw;
78
+ height: 100vh;
79
+ background-color: #00000059;
80
+ position: fixed;
81
+ top: 0;
82
+ left: 0;
83
+ display: flex;
84
+ justify-content: center;
85
+ align-items: center;
86
+ cursor: default;
87
+ }
88
+
89
+
90
+ @media only screen and (min-width: 500px) {
91
+ .ns_access_container {
92
+ width: fit-content;
93
+ padding: 16px;
94
+ position: absolute;
95
+ right: 0;
96
+ z-index: 1;
97
+ top: 0;
98
+ left: auto;
99
+ transform: translate(0%, 0%);
100
+ }
101
+ }
@@ -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,23 +1,23 @@
1
- .nsa_home_container {
2
- display: flex;
3
- flex-direction: column;
4
- width: 100%;
5
- justify-content: center;
6
- align-items: center;
7
- text-align: center;
8
- color: #141B5C;
9
- }
10
-
11
- .nsa_home_container h2 {
12
- color: #141B5C;
13
- font-size: 48px;
14
- font-weight: 600;
15
- text-align: center;
16
- }
17
-
18
- .nsa_home_container p {
19
- color: #141B5C;
20
- font-size: 16px;
21
- max-width: 960px;
22
- text-align: center;
1
+ .nsa_home_container {
2
+ display: flex;
3
+ flex-direction: column;
4
+ width: 100%;
5
+ justify-content: center;
6
+ align-items: center;
7
+ text-align: center;
8
+ color: #141B5C;
9
+ }
10
+
11
+ .nsa_home_container h2 {
12
+ color: #141B5C;
13
+ font-size: 48px;
14
+ font-weight: 600;
15
+ text-align: center;
16
+ }
17
+
18
+ .nsa_home_container p {
19
+ color: #141B5C;
20
+ font-size: 16px;
21
+ max-width: 960px;
22
+ text-align: center;
23
23
  }