ublo-lib 1.47.113 → 1.47.115
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"commitment-banner.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/commitment-banner/commitment-banner.tsx"],"names":[],"mappings":"AAQA,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,IAAI,EACJ,IAAc,EACd,SAAS,GACV,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"commitment-banner.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/commitment-banner/commitment-banner.tsx"],"names":[],"mappings":"AAQA,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,IAAI,EACJ,IAAc,EACd,SAAS,GACV,EAAE,KAAK,2CAuCP"}
|
|
@@ -12,10 +12,10 @@ export default function CommitmentBanner({ lang, mode = "light", className, }) {
|
|
|
12
12
|
const classes = classNames(styles.banner, className, {
|
|
13
13
|
[styles.dark]: mode === "dark",
|
|
14
14
|
});
|
|
15
|
-
return (
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
15
|
+
return (_jsx("div", { className: classes, children: _jsxs("div", { className: styles.inner, children: [_jsxs("div", { className: styles.presentation, children: [_jsx(EsfLogo, { className: styles.esflogo }), _jsx("div", { className: styles.separator }), _jsxs("div", { className: styles.content, children: [_jsx("div", { className: styles.title, children: title[lang] }), _jsx("div", { className: styles.links, children: Object.keys(links).map((key) => {
|
|
16
|
+
const langs = links[key];
|
|
17
|
+
const content = langs[lang];
|
|
18
|
+
const { label, href } = content;
|
|
19
|
+
return (_jsx(Link, { href: href, className: styles.link, target: "_blank", children: label }, key));
|
|
20
|
+
}) })] })] }), _jsx(FranceMontagneLogo, { className: styles.montagnelogo })] }) }));
|
|
21
21
|
}
|
|
@@ -1,25 +1,35 @@
|
|
|
1
1
|
.banner {
|
|
2
|
+
padding: var(--banner-padding, 27px 20px);
|
|
3
|
+
background-color: var(--banner-background, #fff);
|
|
4
|
+
font-family: Helvetica, sans-serif;
|
|
5
|
+
color: var(--banner-foreground, #222222);
|
|
6
|
+
margin: 0 auto;
|
|
7
|
+
|
|
8
|
+
@media (width > 992px) {
|
|
9
|
+
flex-direction: row;
|
|
10
|
+
align-items: center;
|
|
11
|
+
justify-content: space-between;
|
|
12
|
+
padding: var(--banner-padding, 27px 48px);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.inner {
|
|
2
17
|
display: flex;
|
|
3
18
|
flex-direction: column;
|
|
4
19
|
gap: 40px;
|
|
5
|
-
padding: var(--banner-padding, 27px 20px);
|
|
6
|
-
background-color: hsl(var(--banner-background, 0, 0, 100%));
|
|
7
|
-
font-family: Helvetica, sans-serif;
|
|
8
|
-
color: hsl(var(--banner-foreground, 0, 0%, 13%));
|
|
9
20
|
max-width: var(--banner-width, 1440px);
|
|
10
21
|
margin: 0 auto;
|
|
11
22
|
|
|
12
|
-
@media (width >
|
|
23
|
+
@media (width > 992px) {
|
|
13
24
|
flex-direction: row;
|
|
14
25
|
align-items: center;
|
|
15
26
|
justify-content: space-between;
|
|
16
|
-
padding: var(--banner-padding, 27px 48px);
|
|
17
27
|
}
|
|
18
28
|
}
|
|
19
29
|
|
|
20
30
|
.dark {
|
|
21
|
-
background-color:
|
|
22
|
-
color:
|
|
31
|
+
background-color: var(--banner-dark-background, #222222);
|
|
32
|
+
color: var(--banner-dark-foreground, #fff);
|
|
23
33
|
}
|
|
24
34
|
|
|
25
35
|
.presentation {
|
|
@@ -28,7 +38,7 @@
|
|
|
28
38
|
gap: 40px;
|
|
29
39
|
height: 100%;
|
|
30
40
|
|
|
31
|
-
@media (width >
|
|
41
|
+
@media (width > 992px) {
|
|
32
42
|
flex-direction: row;
|
|
33
43
|
align-items: flex-start;
|
|
34
44
|
}
|
|
@@ -40,11 +50,11 @@
|
|
|
40
50
|
}
|
|
41
51
|
|
|
42
52
|
.separator {
|
|
43
|
-
background-color:
|
|
53
|
+
background-color: var(--banner-separator, #c9c9c9);
|
|
44
54
|
width: 100%;
|
|
45
55
|
height: 1px;
|
|
46
56
|
|
|
47
|
-
@media (width >
|
|
57
|
+
@media (width > 992px) {
|
|
48
58
|
width: 1px;
|
|
49
59
|
height: 67px;
|
|
50
60
|
transform: scaleY(1.2);
|
|
@@ -67,6 +77,7 @@
|
|
|
67
77
|
.links {
|
|
68
78
|
display: flex;
|
|
69
79
|
align-items: center;
|
|
80
|
+
gap: 10px 50px;
|
|
70
81
|
flex-wrap: wrap;
|
|
71
82
|
}
|
|
72
83
|
|
|
@@ -78,9 +89,9 @@
|
|
|
78
89
|
margin-left: 10px;
|
|
79
90
|
}
|
|
80
91
|
|
|
81
|
-
.link + .link {
|
|
92
|
+
/* .link + .link {
|
|
82
93
|
margin-left: 50px;
|
|
83
|
-
}
|
|
94
|
+
} */
|
|
84
95
|
|
|
85
96
|
.link::before {
|
|
86
97
|
content: "";
|
|
@@ -90,6 +101,6 @@
|
|
|
90
101
|
transform: translateY(-50%);
|
|
91
102
|
width: 5px;
|
|
92
103
|
height: 5px;
|
|
93
|
-
background-color:
|
|
104
|
+
background-color: var(--banner-tag, #cc0a00);
|
|
94
105
|
border-radius: var(--banner-border-radius, 50%);
|
|
95
106
|
}
|