foundry-component-library 0.2.22 → 0.2.24
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/lib/components/Awards/index.tsx +6 -1
- package/lib/components/Awards/styles.module.scss +5 -1
- package/lib/components/LogoSection/Logos.tsx +9 -7
- package/lib/components/ServiceHubsTeaserEffects/TileBalls.tsx +1 -1
- package/lib/components/case/Top/styles.module.scss +4 -2
- package/lib/components/cases/Items/index.tsx +5 -1
- package/lib/components/cases/Top/index.tsx +2 -3
- package/package.json +1 -1
|
@@ -50,7 +50,12 @@ const Awards = ({
|
|
|
50
50
|
animate={{ opacity: 1, y: 0 }}
|
|
51
51
|
transition={{ duration: 1 }}>
|
|
52
52
|
<Container>
|
|
53
|
-
{heading &&
|
|
53
|
+
{heading && (
|
|
54
|
+
<WavyText
|
|
55
|
+
className={`${styles.heading} ${text ? "" : styles.morePadding}`}
|
|
56
|
+
text={heading}
|
|
57
|
+
/>
|
|
58
|
+
)}
|
|
54
59
|
{text && <FadeInText className={styles.subheading} text={text} />}
|
|
55
60
|
</Container>
|
|
56
61
|
<Container noMobilePadding>
|
|
@@ -15,6 +15,10 @@
|
|
|
15
15
|
font-family: $font-secondary;
|
|
16
16
|
margin-bottom: 24px;
|
|
17
17
|
|
|
18
|
+
&.morePadding {
|
|
19
|
+
margin-bottom: 64px;
|
|
20
|
+
}
|
|
21
|
+
|
|
18
22
|
@media #{$QUERY-sm} {
|
|
19
23
|
font-size: 28px;
|
|
20
24
|
}
|
|
@@ -89,7 +93,7 @@
|
|
|
89
93
|
position: relative;
|
|
90
94
|
min-width: 100px;
|
|
91
95
|
height: 64px;
|
|
92
|
-
margin-bottom:
|
|
96
|
+
margin-bottom: 34px;
|
|
93
97
|
|
|
94
98
|
@media #{$QUERY-sm} {
|
|
95
99
|
margin-bottom: 0;
|
|
@@ -3,7 +3,11 @@ import { useState, useEffect } from "react";
|
|
|
3
3
|
import styles from "./styles.module.scss";
|
|
4
4
|
import Container from "../Container";
|
|
5
5
|
import Dropdown from "./Dropdown";
|
|
6
|
-
import {
|
|
6
|
+
import {
|
|
7
|
+
SERVICES,
|
|
8
|
+
INDUSTRIES_GERMAN,
|
|
9
|
+
INDUSTRIES_DISPLAY_LABELS,
|
|
10
|
+
} from "../constants";
|
|
7
11
|
import { NextImage } from "../../types";
|
|
8
12
|
import { motion, AnimatePresence } from "motion/react";
|
|
9
13
|
|
|
@@ -80,7 +84,7 @@ const Logos = ({
|
|
|
80
84
|
return true;
|
|
81
85
|
}
|
|
82
86
|
return false;
|
|
83
|
-
})
|
|
87
|
+
}),
|
|
84
88
|
);
|
|
85
89
|
}, 400);
|
|
86
90
|
|
|
@@ -99,9 +103,8 @@ const Logos = ({
|
|
|
99
103
|
}`}
|
|
100
104
|
onClick={() => {
|
|
101
105
|
setSelected({ category: "featured", tag: "featured" });
|
|
102
|
-
}}
|
|
103
|
-
|
|
104
|
-
featured
|
|
106
|
+
}}>
|
|
107
|
+
Featured
|
|
105
108
|
</button>
|
|
106
109
|
|
|
107
110
|
<Dropdown
|
|
@@ -134,8 +137,7 @@ const Logos = ({
|
|
|
134
137
|
animate={{ opacity: 1, y: 0 }}
|
|
135
138
|
exit={{ opacity: 0, y: 10 }}
|
|
136
139
|
transition={{ duration: 0.45 }}
|
|
137
|
-
layout
|
|
138
|
-
>
|
|
140
|
+
layout>
|
|
139
141
|
<Image
|
|
140
142
|
src={data?.image?.sourceUrl || ""}
|
|
141
143
|
alt={data?.title || ""}
|
|
@@ -144,7 +144,8 @@
|
|
|
144
144
|
|
|
145
145
|
.award {
|
|
146
146
|
display: flex;
|
|
147
|
-
align-items:
|
|
147
|
+
align-items: flex-start;
|
|
148
|
+
margin-bottom: 10px;
|
|
148
149
|
|
|
149
150
|
@media #{$QUERY-sm} {
|
|
150
151
|
max-width: 106px;
|
|
@@ -168,7 +169,8 @@
|
|
|
168
169
|
|
|
169
170
|
img {
|
|
170
171
|
width: 100%;
|
|
171
|
-
height:
|
|
172
|
+
height: auto;
|
|
173
|
+
max-height: 100%;
|
|
172
174
|
object-fit: contain;
|
|
173
175
|
}
|
|
174
176
|
}
|
|
@@ -6,7 +6,11 @@ import styles from "./styles.module.scss";
|
|
|
6
6
|
import Arrow from "../../../assets/svg/arrow.svg";
|
|
7
7
|
import { Case, NextImage, NextLink, NextRouter } from "../../../types";
|
|
8
8
|
import Top from "../Top";
|
|
9
|
-
import {
|
|
9
|
+
import {
|
|
10
|
+
SERVICES,
|
|
11
|
+
INDUSTRIES_GERMAN,
|
|
12
|
+
INDUSTRIES_DISPLAY_LABELS,
|
|
13
|
+
} from "../../constants";
|
|
10
14
|
import { usePathname } from "next/navigation";
|
|
11
15
|
|
|
12
16
|
function Cases({
|