@axos-web-dev/shared-components 0.0.27 → 0.0.28
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.
|
@@ -2,5 +2,6 @@ import { PropsWithChildren } from 'react';
|
|
|
2
2
|
import { ImageBillboardSetProps } from '../ImageBillboard/ImageBillboard.interface';
|
|
3
3
|
|
|
4
4
|
export interface SetContainerProps extends Omit<ImageBillboardSetProps, "imageBillboards">, PropsWithChildren {
|
|
5
|
+
internalName?: string;
|
|
5
6
|
}
|
|
6
|
-
export declare const SetContainer: ({ id, variant, headline, bodyCopy, additionalDetails, children, }: SetContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare const SetContainer: ({ id, variant, headline, bodyCopy, additionalDetails, children, internalName, }: SetContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -50,12 +50,14 @@ const SetContainer = ({
|
|
|
50
50
|
headline,
|
|
51
51
|
bodyCopy,
|
|
52
52
|
additionalDetails,
|
|
53
|
-
children
|
|
53
|
+
children,
|
|
54
|
+
internalName
|
|
54
55
|
}) => {
|
|
55
56
|
const billboard_variant = getVariant(variant);
|
|
56
57
|
return /* @__PURE__ */ jsx(
|
|
57
58
|
"section",
|
|
58
59
|
{
|
|
60
|
+
id: internalName ? internalName == null ? void 0 : internalName.replace(/ /g, "-") : "",
|
|
59
61
|
className: clsx(set_container({ variant: getVariant(variant) })),
|
|
60
62
|
children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
|
|
61
63
|
(headline || bodyCopy) && /* @__PURE__ */ jsxs("div", { className: section_text, children: [
|
|
@@ -103,6 +103,25 @@
|
|
|
103
103
|
max-width: 468px;
|
|
104
104
|
}
|
|
105
105
|
}
|
|
106
|
+
@media screen and (max-width:1280px) {
|
|
107
|
+
._1ye8k3fl {
|
|
108
|
+
margin-top: 2.5rem;
|
|
109
|
+
}
|
|
110
|
+
._1ye8k3f0 ._1ye8k3fl {
|
|
111
|
+
flex-direction: column;
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
@media (max-width: 1280px) and (min-width: 1024px) {
|
|
115
|
+
._1ye8k3f0 ._1ye8k3f9 {
|
|
116
|
+
width: calc(100%-28px);
|
|
117
|
+
}
|
|
118
|
+
._1ye8k3fa img {
|
|
119
|
+
aspect-ratio: 1 / 1;
|
|
120
|
+
}
|
|
121
|
+
._1ye8k3f0 ._1ye8k3fl {
|
|
122
|
+
align-items: flex-start;
|
|
123
|
+
}
|
|
124
|
+
}
|
|
106
125
|
@media screen and (max-width:1023px) {
|
|
107
126
|
._1ye8k3f6 {
|
|
108
127
|
flex-direction: column;
|
|
@@ -110,6 +129,9 @@
|
|
|
110
129
|
._1ye8k3f8 {
|
|
111
130
|
text-align: center;
|
|
112
131
|
}
|
|
132
|
+
._1ye8k3fl {
|
|
133
|
+
flex-direction: column;
|
|
134
|
+
}
|
|
113
135
|
}
|
|
114
136
|
@media (max-width: 1023px) {
|
|
115
137
|
._1ye8k3fa {
|
|
@@ -143,25 +165,6 @@
|
|
|
143
165
|
margin-right: auto;
|
|
144
166
|
}
|
|
145
167
|
}
|
|
146
|
-
@media screen and (max-width:1280px) {
|
|
147
|
-
._1ye8k3fl {
|
|
148
|
-
margin-top: 2.5rem;
|
|
149
|
-
}
|
|
150
|
-
._1ye8k3f0 ._1ye8k3fl {
|
|
151
|
-
flex-direction: column;
|
|
152
|
-
}
|
|
153
|
-
}
|
|
154
|
-
@media (max-width: 1280px) and (min-width: 1024px) {
|
|
155
|
-
._1ye8k3f0 ._1ye8k3f9 {
|
|
156
|
-
width: calc(100%-28px);
|
|
157
|
-
}
|
|
158
|
-
._1ye8k3fa img {
|
|
159
|
-
aspect-ratio: 1 / 1;
|
|
160
|
-
}
|
|
161
|
-
._1ye8k3f0 ._1ye8k3fl {
|
|
162
|
-
align-items: flex-start;
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
168
|
@media (max-width: 603px) {
|
|
166
169
|
._1ye8k3f9 {
|
|
167
170
|
width: 100%;
|
|
@@ -173,11 +176,6 @@
|
|
|
173
176
|
width: 100%;
|
|
174
177
|
}
|
|
175
178
|
}
|
|
176
|
-
@media screen and (max-width:1024px) {
|
|
177
|
-
._1ye8k3fl {
|
|
178
|
-
flex-direction: column;
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
179
|
@media screen and (max-width:768px) {
|
|
182
180
|
._1ye8k3fg {
|
|
183
181
|
font-size: 28px;
|
|
@@ -219,6 +219,12 @@ tr:last-child td {
|
|
|
219
219
|
._1nivbwe13 {
|
|
220
220
|
margin-bottom: 1rem;
|
|
221
221
|
}
|
|
222
|
+
th .flex.middle.center {
|
|
223
|
+
display: inline-block;
|
|
224
|
+
vertical-align: top;
|
|
225
|
+
text-align: center;
|
|
226
|
+
width: 90%;
|
|
227
|
+
}
|
|
222
228
|
@media screen and (max-width: 768px) {
|
|
223
229
|
._1nivbwed:first-child {
|
|
224
230
|
box-shadow: 0 15px 20px 0px rgb(0 0 0 / 0.3);
|