@bytebrand/fe-ui-core 4.2.88 → 4.2.89
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/package.json +1 -1
- package/source/components/_common/Modal/modals/ManageCookieModal/ManageCookieModal.styl +3 -2
- package/source/components/_common/Modal/modals/PreviewCookieModal/PreviewCookieModal.styl +7 -9
- package/source/components/_common/Modal/modals/PreviewCookieModal/PreviewCookieModal.tsx +4 -7
package/package.json
CHANGED
|
@@ -44,18 +44,19 @@
|
|
|
44
44
|
margin-top: 20px
|
|
45
45
|
display: flex
|
|
46
46
|
justify-content: center
|
|
47
|
-
|
|
47
|
+
gap: 36px;
|
|
48
48
|
+media-phone-only()
|
|
49
49
|
column-gap: 0
|
|
50
50
|
|
|
51
51
|
.modalBtn
|
|
52
52
|
height: 38px
|
|
53
53
|
text-transform: capitalize !important
|
|
54
|
+
min-width: 222px !important
|
|
54
55
|
+media-phone-only()
|
|
55
56
|
font-size: 11px !important
|
|
56
57
|
|
|
57
58
|
.outlinedBtn
|
|
58
|
-
border: none !important
|
|
59
|
+
border: none !important;
|
|
59
60
|
|
|
60
61
|
.switchBlock
|
|
61
62
|
display: flex
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@import '../../../../../theme/mixins.styl';
|
|
2
2
|
|
|
3
3
|
.modalWrapper
|
|
4
|
-
padding: 26px 60px
|
|
4
|
+
padding: 26px 60px 38px
|
|
5
5
|
text-align: center
|
|
6
6
|
box-sizing: border-box
|
|
7
7
|
max-width: 600px
|
|
@@ -30,21 +30,19 @@
|
|
|
30
30
|
.buttonsContainer
|
|
31
31
|
margin-top: 20px
|
|
32
32
|
display: flex
|
|
33
|
-
justify-content:
|
|
34
|
-
|
|
33
|
+
justify-content: space-between
|
|
34
|
+
gap: 36px;
|
|
35
35
|
+media-phone-only()
|
|
36
36
|
column-gap: 0
|
|
37
37
|
|
|
38
38
|
.modalBtn
|
|
39
39
|
height: 38px
|
|
40
40
|
text-transform: capitalize !important
|
|
41
|
+
min-width: calc(50% - 18px) !important
|
|
41
42
|
+media-phone-only()
|
|
42
43
|
font-size: 11px !important
|
|
43
44
|
|
|
44
|
-
.outlinedBtn
|
|
45
|
-
border: none !important
|
|
46
|
-
|
|
47
45
|
.outlinedBtnLeft
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
46
|
+
float: right;
|
|
47
|
+
color: #005CCB;
|
|
48
|
+
font-size: 16px;
|
|
@@ -18,10 +18,6 @@ const PreviewCookieModal = ({ toggleModal, setModal }: IPreviewCookieModal) => {
|
|
|
18
18
|
toggleModal();
|
|
19
19
|
};
|
|
20
20
|
|
|
21
|
-
const onHandleRedirect = () => {
|
|
22
|
-
window.open(`${environment}/impressum/`, '_blank');
|
|
23
|
-
};
|
|
24
|
-
|
|
25
21
|
return (
|
|
26
22
|
<div className={styles.modalWrapper}>
|
|
27
23
|
<IconSVG name='autodeLogo' customDimensions />
|
|
@@ -32,13 +28,14 @@ const PreviewCookieModal = ({ toggleModal, setModal }: IPreviewCookieModal) => {
|
|
|
32
28
|
Durch die Zustimmung erteilen Sie uns Ihre ausdrückliche Einwilligung.
|
|
33
29
|
Über "Anpassen" können Sie Ihre Einwilligungen individuell anpassen.
|
|
34
30
|
Dies ist auch später jederzeit im Bereich "Cookie-Richtlinie" möglich.
|
|
35
|
-
Die relevante Datenschutzerklärung finden Sie
|
|
31
|
+
Die relevante Datenschutzerklärung finden Sie
|
|
32
|
+
<a href={`${environment}/datenschutz/`} target='_blank' style={{ textDecoration: 'underline'}}>hier</a>.
|
|
33
|
+
<a href={`${environment}/impressum/`} target='_blank' className={styles.outlinedBtnLeft}>Impressum</a>
|
|
36
34
|
</div>
|
|
37
35
|
<div className={styles.buttonsContainer}>
|
|
38
|
-
<Button onClick={() => setModal('MANAGE_COOKIE_MODAL')} className={
|
|
36
|
+
<Button onClick={() => setModal('MANAGE_COOKIE_MODAL')} className={styles.modalBtn} variant='outlined'>Anpassen</Button>
|
|
39
37
|
<Button onClick={onAcceptAll} className={styles.modalBtn}>zustimmen</Button>
|
|
40
38
|
</div>
|
|
41
|
-
<Button onClick={onHandleRedirect} className={classNames(styles.modalBtn, styles.outlinedBtn, styles.outlinedBtnLeft)} variant='outlined'>Impressum</Button>
|
|
42
39
|
</div>
|
|
43
40
|
);
|
|
44
41
|
};
|