@npm_leadtech/legal-lib-components 5.78.6 → 5.79.0
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/src/components/atoms/ExpertCard/ExpertCard.js +1 -1
- package/dist/src/components/atoms/ExpertCard/ExpertCard.styled.js +26 -21
- package/dist/src/components/atoms/ExpertCard/ExpertCard.styled.ts +26 -21
- package/dist/src/components/atoms/ExpertCard/ExpertCard.tsx +8 -9
- package/dist/src/components/molecules/ExpertCardList/ExpertCardList.styled.js +1 -1
- package/dist/src/components/molecules/ExpertCardList/ExpertCardList.styled.ts +1 -1
- package/dist/src/components/sections/ExpertsSection/ExpertsSection.js +2 -2
- package/dist/src/components/sections/ExpertsSection/ExpertsSection.styled.js +0 -4
- package/dist/src/components/sections/ExpertsSection/ExpertsSection.styled.ts +0 -4
- package/dist/src/components/sections/ExpertsSection/ExpertsSection.tsx +1 -2
- package/dist/src/components/sections/ExpertsSection/ExpertsSectionProps.types.d.ts +0 -2
- package/dist/src/components/sections/ExpertsSection/ExpertsSectionProps.types.ts +0 -2
- package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSection.styled.js +1 -0
- package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSection.styled.ts +1 -0
- package/package.json +1 -1
- package/dist/images/png/about-us-dena.png +0 -0
- package/dist/images/png/about-us-grover.png +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { ExpertCardStyled } from './ExpertCard.styled';
|
|
3
3
|
const ExpertCard = ({ title, url, description, image }) => {
|
|
4
|
-
return (_jsx(ExpertCardStyled, { className: 'expert-card', children: _jsxs("div", { className: 'expert-card__box', children: [_jsx("div", { className: 'expert-card__image', children: image }),
|
|
4
|
+
return (_jsx(ExpertCardStyled, { className: 'expert-card', children: _jsxs("div", { className: 'expert-card__box', children: [_jsx("div", { className: 'expert-card__image', children: image }), url != null && (_jsx("a", { className: 'expert-card__title', href: url, children: title })), url == null && _jsx("p", { className: 'expert-card__title', children: title }), _jsx("p", { className: 'expert-card__description', children: description })] }) }));
|
|
5
5
|
};
|
|
6
6
|
export default ExpertCard;
|
|
@@ -1,61 +1,66 @@
|
|
|
1
|
+
import { device } from '../../../globalStyles/breakpoints';
|
|
1
2
|
import styled from 'styled-components';
|
|
2
3
|
export const ExpertCardStyled = styled.div `
|
|
3
4
|
display: flex;
|
|
4
5
|
align-items: center;
|
|
5
6
|
justify-content: center;
|
|
7
|
+
margin-top: 10rem;
|
|
8
|
+
|
|
9
|
+
&:first-child {
|
|
10
|
+
margin-top: 5rem;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@media ${device['landscape-tablets']} {
|
|
14
|
+
margin-top: 5rem;
|
|
15
|
+
}
|
|
6
16
|
|
|
7
17
|
.expert-card {
|
|
8
18
|
&__box {
|
|
9
19
|
background-color: white;
|
|
10
|
-
border-radius:
|
|
20
|
+
border-radius: 0.3rem;
|
|
11
21
|
box-shadow: var(--box-shadow-container);
|
|
22
|
+
padding: 7rem 2rem 0 2rem;
|
|
23
|
+
min-height: 13rem;
|
|
12
24
|
display: flex;
|
|
13
|
-
flex-direction:
|
|
25
|
+
flex-direction: column;
|
|
14
26
|
align-items: center;
|
|
15
27
|
justify-content: flex-start;
|
|
28
|
+
width: 17.625rem;
|
|
29
|
+
margin-left: 0;
|
|
16
30
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
gap: 24px;
|
|
31
|
+
@media ${device['landscape-tablets']} {
|
|
32
|
+
margin-left: 2rem;
|
|
33
|
+
}
|
|
21
34
|
}
|
|
22
35
|
|
|
23
36
|
&__image {
|
|
24
|
-
|
|
37
|
+
position: absolute;
|
|
38
|
+
transform: translateY(-115%);
|
|
39
|
+
|
|
25
40
|
img {
|
|
26
|
-
|
|
27
|
-
height: auto;
|
|
28
|
-
border-radius: 8px;
|
|
41
|
+
border-radius: 100%;
|
|
29
42
|
}
|
|
30
43
|
}
|
|
31
44
|
|
|
32
|
-
&__texts {
|
|
33
|
-
display: flex;
|
|
34
|
-
flex-direction: column;
|
|
35
|
-
align-items: start;
|
|
36
|
-
justify-content: left;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
45
|
&__title {
|
|
40
46
|
font-family: var(--font-sans);
|
|
41
47
|
font-size: 18px;
|
|
42
48
|
font-weight: 700;
|
|
43
49
|
line-height: 1.5rem;
|
|
44
50
|
letter-spacing: -0.3px;
|
|
51
|
+
text-align: center;
|
|
45
52
|
width: 75%;
|
|
46
53
|
text-decoration: none;
|
|
47
|
-
margin-bottom: 0.6rem;
|
|
48
|
-
min-width: fit-content;
|
|
49
54
|
}
|
|
50
55
|
|
|
51
56
|
&__description {
|
|
52
57
|
font-family: var(--font-sans);
|
|
53
|
-
color: var(--neutral-neutral-1);
|
|
54
58
|
font-size: 16px;
|
|
55
|
-
font-style: normal;
|
|
56
59
|
font-weight: 400;
|
|
57
60
|
line-height: 22px;
|
|
58
61
|
letter-spacing: -0.3px;
|
|
62
|
+
text-align: center;
|
|
63
|
+
width: 75%;
|
|
59
64
|
}
|
|
60
65
|
}
|
|
61
66
|
`;
|
|
@@ -1,62 +1,67 @@
|
|
|
1
|
+
import { device } from '../../../globalStyles/breakpoints'
|
|
1
2
|
import styled from 'styled-components'
|
|
2
3
|
|
|
3
4
|
export const ExpertCardStyled = styled.div`
|
|
4
5
|
display: flex;
|
|
5
6
|
align-items: center;
|
|
6
7
|
justify-content: center;
|
|
8
|
+
margin-top: 10rem;
|
|
9
|
+
|
|
10
|
+
&:first-child {
|
|
11
|
+
margin-top: 5rem;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
@media ${device['landscape-tablets']} {
|
|
15
|
+
margin-top: 5rem;
|
|
16
|
+
}
|
|
7
17
|
|
|
8
18
|
.expert-card {
|
|
9
19
|
&__box {
|
|
10
20
|
background-color: white;
|
|
11
|
-
border-radius:
|
|
21
|
+
border-radius: 0.3rem;
|
|
12
22
|
box-shadow: var(--box-shadow-container);
|
|
23
|
+
padding: 7rem 2rem 0 2rem;
|
|
24
|
+
min-height: 13rem;
|
|
13
25
|
display: flex;
|
|
14
|
-
flex-direction:
|
|
26
|
+
flex-direction: column;
|
|
15
27
|
align-items: center;
|
|
16
28
|
justify-content: flex-start;
|
|
29
|
+
width: 17.625rem;
|
|
30
|
+
margin-left: 0;
|
|
17
31
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
gap: 24px;
|
|
32
|
+
@media ${device['landscape-tablets']} {
|
|
33
|
+
margin-left: 2rem;
|
|
34
|
+
}
|
|
22
35
|
}
|
|
23
36
|
|
|
24
37
|
&__image {
|
|
25
|
-
|
|
38
|
+
position: absolute;
|
|
39
|
+
transform: translateY(-115%);
|
|
40
|
+
|
|
26
41
|
img {
|
|
27
|
-
|
|
28
|
-
height: auto;
|
|
29
|
-
border-radius: 8px;
|
|
42
|
+
border-radius: 100%;
|
|
30
43
|
}
|
|
31
44
|
}
|
|
32
45
|
|
|
33
|
-
&__texts {
|
|
34
|
-
display: flex;
|
|
35
|
-
flex-direction: column;
|
|
36
|
-
align-items: start;
|
|
37
|
-
justify-content: left;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
46
|
&__title {
|
|
41
47
|
font-family: var(--font-sans);
|
|
42
48
|
font-size: 18px;
|
|
43
49
|
font-weight: 700;
|
|
44
50
|
line-height: 1.5rem;
|
|
45
51
|
letter-spacing: -0.3px;
|
|
52
|
+
text-align: center;
|
|
46
53
|
width: 75%;
|
|
47
54
|
text-decoration: none;
|
|
48
|
-
margin-bottom: 0.6rem;
|
|
49
|
-
min-width: fit-content;
|
|
50
55
|
}
|
|
51
56
|
|
|
52
57
|
&__description {
|
|
53
58
|
font-family: var(--font-sans);
|
|
54
|
-
color: var(--neutral-neutral-1);
|
|
55
59
|
font-size: 16px;
|
|
56
|
-
font-style: normal;
|
|
57
60
|
font-weight: 400;
|
|
58
61
|
line-height: 22px;
|
|
59
62
|
letter-spacing: -0.3px;
|
|
63
|
+
text-align: center;
|
|
64
|
+
width: 75%;
|
|
60
65
|
}
|
|
61
66
|
}
|
|
62
67
|
`
|
|
@@ -8,15 +8,14 @@ const ExpertCard: FC<ExpertCardProps> = ({ title, url, description, image }) =>
|
|
|
8
8
|
<ExpertCardStyled className='expert-card'>
|
|
9
9
|
<div className='expert-card__box'>
|
|
10
10
|
<div className='expert-card__image'>{image}</div>
|
|
11
|
-
|
|
12
|
-
{url
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
</div>
|
|
11
|
+
{url != null && (
|
|
12
|
+
<a className='expert-card__title' href={url}>
|
|
13
|
+
{title}
|
|
14
|
+
</a>
|
|
15
|
+
)}
|
|
16
|
+
{url == null && <p className='expert-card__title'>{title}</p>}
|
|
17
|
+
|
|
18
|
+
<p className='expert-card__description'>{description}</p>
|
|
20
19
|
</div>
|
|
21
20
|
</ExpertCardStyled>
|
|
22
21
|
)
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { ExpertCardList } from '../../molecules';
|
|
3
3
|
import { ExpertsSectionStyled } from './ExpertsSection.styled';
|
|
4
|
-
const ExpertsSection = ({ title,
|
|
4
|
+
const ExpertsSection = ({ title, contentExpertCardList }) => {
|
|
5
5
|
if (contentExpertCardList.contentExpertCard.length === 0) {
|
|
6
6
|
return null;
|
|
7
7
|
}
|
|
8
|
-
return (_jsxs(ExpertsSectionStyled, { className: 'experts-section', children: [_jsx("h2", { className: 'experts-section__title', children: title }), _jsx(
|
|
8
|
+
return (_jsxs(ExpertsSectionStyled, { className: 'experts-section', children: [_jsx("h2", { className: 'experts-section__title', children: title }), _jsx(ExpertCardList, { contentExpertCard: contentExpertCardList.contentExpertCard })] }));
|
|
9
9
|
};
|
|
10
10
|
export default ExpertsSection;
|
|
@@ -4,7 +4,7 @@ import { ExpertCardList } from '../../molecules'
|
|
|
4
4
|
import { type ExpertsSectionProps } from './ExpertsSectionProps.types'
|
|
5
5
|
import { ExpertsSectionStyled } from './ExpertsSection.styled'
|
|
6
6
|
|
|
7
|
-
const ExpertsSection: FC<ExpertsSectionProps> = ({ title,
|
|
7
|
+
const ExpertsSection: FC<ExpertsSectionProps> = ({ title, contentExpertCardList }) => {
|
|
8
8
|
if (contentExpertCardList.contentExpertCard.length === 0) {
|
|
9
9
|
return null
|
|
10
10
|
}
|
|
@@ -12,7 +12,6 @@ const ExpertsSection: FC<ExpertsSectionProps> = ({ title, description, contentEx
|
|
|
12
12
|
return (
|
|
13
13
|
<ExpertsSectionStyled className='experts-section'>
|
|
14
14
|
<h2 className='experts-section__title'>{title}</h2>
|
|
15
|
-
<div className='experts-section__description'>{description}</div>
|
|
16
15
|
<ExpertCardList contentExpertCard={contentExpertCardList.contentExpertCard} />
|
|
17
16
|
</ExpertsSectionStyled>
|
|
18
17
|
)
|
package/package.json
CHANGED
|
Binary file
|
|
Binary file
|