namirasoft-site-react 1.3.99 → 1.3.102
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.
- package/dist/App.js +3 -14
- package/dist/App.js.map +1 -1
- package/dist/components/NSInput.module.css +13 -0
- package/dist/components/NSLayoutAction.js +1 -1
- package/dist/components/NSLayoutAction.js.map +1 -1
- package/dist/components/NSPanel.module.css +6 -2
- package/package.json +1 -1
- package/src/App.css +0 -12
- package/src/App.tsx +1 -18
- package/src/components/NSInput.module.css +13 -0
- package/src/components/NSLayoutAction.tsx +3 -3
- package/src/components/NSPanel.module.css +6 -2
package/dist/App.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { jsx as _jsx,
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import './App.css';
|
|
3
3
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
4
|
-
import { NSTable
|
|
4
|
+
import { NSTable } from './main';
|
|
5
5
|
import { useRef } from 'react';
|
|
6
6
|
import { NSLayoutAction } from './components/NSLayoutAction';
|
|
7
7
|
const actions = [
|
|
@@ -52,16 +52,6 @@ const actions = [
|
|
|
52
52
|
}
|
|
53
53
|
];
|
|
54
54
|
export function App() {
|
|
55
|
-
let content1 = () => _jsx("p", { children: "Content for Tab" });
|
|
56
|
-
let content2 = () => _jsx("p", { children: "Content for Tab" });
|
|
57
|
-
let content3 = () => _jsx("p", { children: "Content for Tab" });
|
|
58
|
-
const tabs = [
|
|
59
|
-
{ title: 'Information', getContent: content1 },
|
|
60
|
-
{ title: 'Price History', getContent: content2 },
|
|
61
|
-
{ title: 'Price Estimator', getContent: content3 },
|
|
62
|
-
{ title: 'Price Estimator2', getContent: content3 },
|
|
63
|
-
{ title: 'Price Estimator3', getContent: content3 }
|
|
64
|
-
];
|
|
65
55
|
let columns = {
|
|
66
56
|
"id": "ID",
|
|
67
57
|
"project": "Project",
|
|
@@ -91,7 +81,6 @@ export function App() {
|
|
|
91
81
|
return row[column];
|
|
92
82
|
}
|
|
93
83
|
let table = useRef(null);
|
|
94
|
-
|
|
95
|
-
return (_jsx(_Fragment, { children: _jsx(NSLayoutAction, { notifications: [], actions: actions, title: 'Test', description: 'Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem ', scope: 'Namira Software Corporation', logo: 'https://static.namirasoft.com/image/namirasoft/site/logo/base.png', children: _jsxs("div", { children: [_jsx(NSSelectBox, { multiple: false, required: true, options: [], title: "Country" }), _jsx(NSTable, { ref: table, columns: columns, rows: rows, getCell: getCell, getColumnAttributes: () => { return {}; }, getRowKey: row => row.id.toString() })] }) }) }));
|
|
84
|
+
return (_jsx(_Fragment, { children: _jsx(NSLayoutAction, { notifications: [], actions: actions, title: 'Test', description: 'Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem ', scope: 'Namira Software Corporation', logo: 'https://static.namirasoft.com/image/namirasoft/site/logo/base.png', children: _jsx("div", { children: _jsx(NSTable, { ref: table, columns: columns, rows: rows, getCell: getCell, getColumnAttributes: () => { return {}; }, getRowKey: row => row.id.toString() }) }) }) }));
|
|
96
85
|
}
|
|
97
86
|
//# 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":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAG7D,MAAM,OAAO,GAAG;IACf;QACC,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE;YACN;gBACC,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,MAAM;gBACjB,OAAO;oBAEN,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;gBACpB,CAAC;gBACD,QAAQ;oBAEP,OAAO,IAAI,CAAA;gBACZ,CAAC;aACD;YACD;gBACC,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,cAAc;gBACzB,OAAO;oBAEN,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;gBAC5B,CAAC;gBACD,QAAQ;oBAEP,OAAO,IAAI,CAAA;gBACZ,CAAC;aACD;YACD;gBACC,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,MAAM;gBACjB,OAAO;oBAEN,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;gBACpB,CAAC;gBACD,QAAQ;oBAEP,OAAO,IAAI,CAAA;gBACZ,CAAC;aACD;YACD;gBACC,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,QAAQ;gBACnB,OAAO;oBAEN,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;gBACtB,CAAC;gBACD,QAAQ;oBAEP,OAAO,IAAI,CAAA;gBACZ,CAAC;aACD;SACD;KACD;CACD,CAAA;AAED,MAAM,UAAU,GAAG;IAElB,IAAI,OAAO,GAAG;QACb,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;KAClB,CAAA;IACD,IAAI,IAAI,GAAG,CAAC;YACX,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,yCAAyC;YAClD,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,SAAS;SACjB;QACD;YACC,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,yCAAyC;YAClD,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,MAAM;SACd;KACA,CAAA;IAUD,SAAS,OAAO,CAAC,GAAQ,EAAE,MAAc;QAExC,OAAQ,GAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IACD,IAAI,KAAK,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IACvC,OAAO,CACN,4BACC,KAAC,cAAc,IACd,aAAa,EAAE,EAAE,EACjB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,MAAM,EACZ,WAAW,EAAC,wGAAwG,EACpH,KAAK,EAAC,6BAA6B,EACnC,IAAI,EAAC,mEAAmE,YAExE,wBACC,KAAC,OAAO,IACP,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,CAAA,CAAC,CAAC,EACxC,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,QAAQ,EAAE,GAClC,GACG,GACU,GACf,CACH,CAAC;AACH,CAAC"}
|
|
@@ -52,3 +52,16 @@
|
|
|
52
52
|
right: 5%;
|
|
53
53
|
top: 50%;
|
|
54
54
|
}
|
|
55
|
+
|
|
56
|
+
/*Start Input Tell*/
|
|
57
|
+
.ns_input_parent input {
|
|
58
|
+
width: 100% !important;
|
|
59
|
+
height: 48px !important;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
@media only screen and (min-width: 380px) {
|
|
63
|
+
.ns_input_parent input {
|
|
64
|
+
width: 206px !important;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
/*End Input Tell*/
|
|
@@ -13,7 +13,7 @@ export function NSLayoutAction(props) {
|
|
|
13
13
|
});
|
|
14
14
|
const filtered_actions = props.actions.filter((action) => action.group);
|
|
15
15
|
const showHandler = () => {
|
|
16
|
-
setState(prevState => (Object.assign(Object.assign({}, prevState), { showDescription: !
|
|
16
|
+
setState(prevState => (Object.assign(Object.assign({}, prevState), { showDescription: !prevState.showDescription })));
|
|
17
17
|
};
|
|
18
18
|
return (_jsxs(NSLayout, Object.assign({}, props, { children: [_jsxs("div", { className: Styles.ns_action_bar_holder, children: [_jsxs("div", { className: `d-none d-lg-flex ${Styles.ns_desktop_action_bar_title}`, children: [_jsx("h1", { className: Styles.title, children: props.title }), _jsxs("button", { className: Styles.ns_info_container, onClick: showHandler, children: [_jsx("img", { src: 'https://static.namirasoft.com/image/concept/info/white-blue.svg', alt: 'info-icon', width: 24, height: 24 }), _jsx("span", { children: " Info " })] }), _jsx(NSModal, { show: state.showDescription, description: props.description, title: props.title })] }), _jsxs("div", { className: `d-block d-lg-none ${Styles.ns_mobile_action_bar_title}`, children: [_jsx("h1", { className: Styles.title, children: props.title }), props.description && lines &&
|
|
19
19
|
_jsxs(_Fragment, { children: [_jsx("p", { className: Styles.description, children: lines.map((line, index) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSLayoutAction.js","sourceRoot":"","sources":["../../src/components/NSLayoutAction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAkB,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAErD,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAsB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAapC,MAAM,UAAU,cAAc,CAAC,KAA2B;;IAEzD,IAAI,KAAK,GAAG,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;IACzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAsB;QACvD,eAAe,EAAE,KAAK;KACtB,CAAC,CAAA;IAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAEvE,MAAM,WAAW,GAAG,GAAS,EAAE;QAE9B,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,iCAClB,SAAS,KAAE,eAAe,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"NSLayoutAction.js","sourceRoot":"","sources":["../../src/components/NSLayoutAction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAkB,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAErD,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAsB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAapC,MAAM,UAAU,cAAc,CAAC,KAA2B;;IAEzD,IAAI,KAAK,GAAG,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;IACzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAsB;QACvD,eAAe,EAAE,KAAK;KACtB,CAAC,CAAA;IAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAEvE,MAAM,WAAW,GAAG,GAAS,EAAE;QAE9B,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,iCAClB,SAAS,KAAE,eAAe,EAAE,CAAC,SAAS,CAAC,eAAe,IACxD,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACN,MAAC,QAAQ,oBAAK,KAAK,eAElB,eAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,aAE1C,eAAK,SAAS,EAAE,oBAAoB,MAAM,CAAC,2BAA2B,EAAE,aACvE,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE/C,kBAAQ,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,OAAO,EAAE,WAAW,aAChE,cAAK,GAAG,EAAC,iEAAiE,EAAC,GAAG,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACpH,oCAAmB,IACX,EAET,KAAC,OAAO,IACP,IAAI,EAAE,KAAK,CAAC,eAAe,EAC3B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,GACjB,IACG,EAGN,eAAK,SAAS,EAAE,qBAAqB,MAAM,CAAC,0BAA0B,EAAE,aACvE,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE9C,KAAK,CAAC,WAAW,IAAI,KAAK;gCAC1B,8BACC,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAE9B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gDAEzB,OAAO,8BACL,IAAI,CAAC,IAAI,EAAE,EACX,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,cAAM,IAClC,CAAA;4CACJ,CAAC,CAAC,GAEA,EACJ,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,IAAI,GAAI,IACrC,IAEC,EAEN,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,YACtC,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAChC,KAAC,YAAY,IAEZ,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,IAFd,MAAM,CAAC,EAAE,CAGb,CACF,GACI,IAED,EACN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,EACvC,KAAK,CAAC,QAAQ,KACL,CACX,CAAC;AACH,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.ns_panel_grid {
|
|
2
|
-
background-color:
|
|
2
|
+
background-color: #fff;
|
|
3
3
|
padding: 8px;
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-direction: column;
|
|
@@ -7,10 +7,12 @@
|
|
|
7
7
|
gap: 8px;
|
|
8
8
|
border-radius: 8px;
|
|
9
9
|
margin: 0 auto;
|
|
10
|
+
border: 1px solid rgba(161, 164, 176, 1);
|
|
11
|
+
box-shadow: 0px 0px 2px 0px rgba(161, 164, 176, 1);
|
|
10
12
|
}
|
|
11
13
|
|
|
12
14
|
.ns_panel_column {
|
|
13
|
-
background-color:
|
|
15
|
+
background-color: #fff;
|
|
14
16
|
padding: 8px;
|
|
15
17
|
display: flex;
|
|
16
18
|
flex-direction: column;
|
|
@@ -18,6 +20,8 @@
|
|
|
18
20
|
border-radius: 8px;
|
|
19
21
|
margin: 0 auto;
|
|
20
22
|
width: 100%;
|
|
23
|
+
border: 1px solid rgba(161, 164, 176, 1);
|
|
24
|
+
box-shadow: 0px 0px 2px 0px rgba(161, 164, 176, 1);
|
|
21
25
|
}
|
|
22
26
|
|
|
23
27
|
@media only screen and (min-width: 768px) {
|
package/package.json
CHANGED
package/src/App.css
CHANGED
|
@@ -12,16 +12,4 @@
|
|
|
12
12
|
border-radius: 5px 0 0 5px;
|
|
13
13
|
border: 1px solid rgba(47, 0, 236, 0.6) !important;
|
|
14
14
|
}
|
|
15
|
-
|
|
16
|
-
.react-tel-input .form-control {
|
|
17
|
-
width: 100% !important;
|
|
18
|
-
height: 48px !important;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
@media only screen and (min-width: 380px) {
|
|
22
|
-
.react-tel-input .form-control {
|
|
23
|
-
width: 206px !important;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
15
|
/*End Input Tell*/
|
package/src/App.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './App.css';
|
|
2
2
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
3
|
-
import { NSTable
|
|
3
|
+
import { NSTable } from './main';
|
|
4
4
|
import { useRef } from 'react';
|
|
5
5
|
import { NSLayoutAction } from './components/NSLayoutAction';
|
|
6
6
|
|
|
@@ -63,16 +63,6 @@ const actions = [
|
|
|
63
63
|
|
|
64
64
|
export function App()
|
|
65
65
|
{
|
|
66
|
-
let content1 = () => <p>Content for Tab</p>;
|
|
67
|
-
let content2 = () => <p>Content for Tab</p>;
|
|
68
|
-
let content3 = () => <p>Content for Tab</p>;
|
|
69
|
-
const tabs = [
|
|
70
|
-
{ title: 'Information', getContent: content1 },
|
|
71
|
-
{ title: 'Price History', getContent: content2 },
|
|
72
|
-
{ title: 'Price Estimator', getContent: content3 },
|
|
73
|
-
{ title: 'Price Estimator2', getContent: content3 },
|
|
74
|
-
{ title: 'Price Estimator3', getContent: content3 }
|
|
75
|
-
];
|
|
76
66
|
let columns = {
|
|
77
67
|
"id": "ID",
|
|
78
68
|
"project": "Project",
|
|
@@ -112,7 +102,6 @@ export function App()
|
|
|
112
102
|
return (row as any)[column];
|
|
113
103
|
}
|
|
114
104
|
let table = useRef<NSTable<Row>>(null);
|
|
115
|
-
console.log(tabs)
|
|
116
105
|
return (
|
|
117
106
|
<>
|
|
118
107
|
<NSLayoutAction
|
|
@@ -124,12 +113,6 @@ export function App()
|
|
|
124
113
|
logo='https://static.namirasoft.com/image/namirasoft/site/logo/base.png'
|
|
125
114
|
>
|
|
126
115
|
<div>
|
|
127
|
-
<NSSelectBox
|
|
128
|
-
multiple={false}
|
|
129
|
-
required={true}
|
|
130
|
-
options={[]}
|
|
131
|
-
title="Country"
|
|
132
|
-
/>
|
|
133
116
|
<NSTable
|
|
134
117
|
ref={table}
|
|
135
118
|
columns={columns}
|
|
@@ -52,3 +52,16 @@
|
|
|
52
52
|
right: 5%;
|
|
53
53
|
top: 50%;
|
|
54
54
|
}
|
|
55
|
+
|
|
56
|
+
/*Start Input Tell*/
|
|
57
|
+
.ns_input_parent input {
|
|
58
|
+
width: 100% !important;
|
|
59
|
+
height: 48px !important;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
@media only screen and (min-width: 380px) {
|
|
63
|
+
.ns_input_parent input {
|
|
64
|
+
width: 206px !important;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
/*End Input Tell*/
|
|
@@ -29,9 +29,9 @@ export function NSLayoutAction(props: INSLayoutActionProps)
|
|
|
29
29
|
const showHandler = (): void =>
|
|
30
30
|
{
|
|
31
31
|
setState(prevState => ({
|
|
32
|
-
...prevState, showDescription: !
|
|
33
|
-
}))
|
|
34
|
-
}
|
|
32
|
+
...prevState, showDescription: !prevState.showDescription // Updated prevState
|
|
33
|
+
}));
|
|
34
|
+
};
|
|
35
35
|
|
|
36
36
|
return (
|
|
37
37
|
<NSLayout {...props}>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.ns_panel_grid {
|
|
2
|
-
background-color:
|
|
2
|
+
background-color: #fff;
|
|
3
3
|
padding: 8px;
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-direction: column;
|
|
@@ -7,10 +7,12 @@
|
|
|
7
7
|
gap: 8px;
|
|
8
8
|
border-radius: 8px;
|
|
9
9
|
margin: 0 auto;
|
|
10
|
+
border: 1px solid rgba(161, 164, 176, 1);
|
|
11
|
+
box-shadow: 0px 0px 2px 0px rgba(161, 164, 176, 1);
|
|
10
12
|
}
|
|
11
13
|
|
|
12
14
|
.ns_panel_column {
|
|
13
|
-
background-color:
|
|
15
|
+
background-color: #fff;
|
|
14
16
|
padding: 8px;
|
|
15
17
|
display: flex;
|
|
16
18
|
flex-direction: column;
|
|
@@ -18,6 +20,8 @@
|
|
|
18
20
|
border-radius: 8px;
|
|
19
21
|
margin: 0 auto;
|
|
20
22
|
width: 100%;
|
|
23
|
+
border: 1px solid rgba(161, 164, 176, 1);
|
|
24
|
+
box-shadow: 0px 0px 2px 0px rgba(161, 164, 176, 1);
|
|
21
25
|
}
|
|
22
26
|
|
|
23
27
|
@media only screen and (min-width: 768px) {
|