hds-web 1.4.2 → 1.4.4
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/index.css +2 -2
- package/dist/index.es.css +2 -2
- package/dist/index.es.js +4 -4
- package/dist/index.js +4 -4
- package/package.json +1 -1
- package/src/HDS/components/Avatars/hasConAv.js +6 -6
- package/src/HDS/components/Avatars/profileAvatar.js +1 -1
- package/src/HDS/components/Cards/Misc/talkcard2.js +4 -4
- package/src/HDS/components/Carousels/carousel.js +1 -1
- package/src/HDS/components/Tables/tableD.js +87 -133
- package/src/styles/tailwind.css +163 -11
- package/tailwind.config.js +1 -0
package/package.json
CHANGED
|
@@ -5,15 +5,15 @@ import {Typography} from '../../foundation/Typography'
|
|
|
5
5
|
export default function HasConAvatar({ name, designation, size, imageUrl }) {
|
|
6
6
|
const hasImageUrl = imageUrl && imageUrl.length > 0;
|
|
7
7
|
return (
|
|
8
|
-
<div className={`
|
|
8
|
+
<div className={`shadow group rounded-2xl tb:rounded-3xl flex flex-col-reverse mb-m:flex-row mb-m:flex mb-m:items-center mb-m:justify-between bg-neutral-0 tb:inline-flex tb:flex-col tb:max-w-[289px] tb:min-w-[18rem]`}>
|
|
9
9
|
|
|
10
|
-
<div className="px-5 py-[30px] tb:p-0 text-left tb:flex-col min-h-[
|
|
10
|
+
<div className="px-6 pb-6 pt-3 mb-m:px-5 mb-m:py-[30px] tb:p-0 text-left tb:flex-col mb-m:min-h-[120px] tb:flex tb:items-center tb:px-8 tb:pb-8 tb:mt-8 tb:ml-0 tb:text-center">
|
|
11
11
|
<div className=' text-hds-m-body1c-bold tb:text-hds-t-h5 db:text-hds-d-h5 text-blue-400'>{name}</div>
|
|
12
|
-
<div className=' text-hds-m-body3c-medium tb:text-hds-t-h7 db:text-hds-d-h7 text-blue-800 uppercase'>{designation}</div>
|
|
12
|
+
<div className=' text-hds-m-body3c-medium tb:text-hds-t-h7 db:text-hds-d-h7 text-blue-800 capitalize tb:uppercase'>{designation}</div>
|
|
13
13
|
</div>
|
|
14
|
-
<div className='relative self-center'>
|
|
14
|
+
<div className='relative pt-6 mb-m:pt-0 pl-6 mb-m:pl-0 mb-m:self-center'>
|
|
15
15
|
<img
|
|
16
|
-
className={`inline-block min-w-[144px] w-[9rem] tb:min-w-[18rem] tb:rounded border-neutral-0
|
|
16
|
+
className={`inline-block max-[420px]:bg-blue-400 rounded-r-xl max-[420px]:rounded-full w-[60px] mb-m:min-w-[144px] mb-m:w-[9rem] tb:min-w-[18rem] tb:rounded-3xl border-neutral-0`}
|
|
17
17
|
src={imageUrl}
|
|
18
18
|
/>
|
|
19
19
|
{/* <div className="absolute tb-l:rounded-b-3xl inset-0 group-hover:bg-gradient-to-t group-hover:from-amber-200 group-hover:to-transparent group-hover:opacity-30" ></div> */}
|
|
@@ -32,5 +32,5 @@ HasConAvatar.propTypes = {
|
|
|
32
32
|
HasConAvatar.defaultProps = {
|
|
33
33
|
name: 'Names',
|
|
34
34
|
designation: 'Product Marketing, Hasura',
|
|
35
|
-
imageUrl:
|
|
35
|
+
imageUrl: ``
|
|
36
36
|
};
|
|
@@ -52,5 +52,5 @@ ProfileAvatar.propTypes = {
|
|
|
52
52
|
ProfileAvatar.defaultProps = {
|
|
53
53
|
name: 'Names',
|
|
54
54
|
designation: 'Product Marketing, Hasura',
|
|
55
|
-
imageUrl:
|
|
55
|
+
imageUrl: ``
|
|
56
56
|
};
|
|
@@ -19,8 +19,8 @@ export default function TalkCard2(props) {
|
|
|
19
19
|
|
|
20
20
|
<div className="grid">
|
|
21
21
|
<div className={`flex flex-col tb-l:flex-row tb-l:justify-between `}>
|
|
22
|
-
<div className={"px-
|
|
23
|
-
<div className="flex flex-
|
|
22
|
+
<div className={"px-6 pt-6 tb-l:px-8 tb-l:pb-6 tb-l:border-r tb-l:border-r-neutral-200"}>
|
|
23
|
+
<div className="flex flex-row flex-wrap tb:gap-3 gap-2">
|
|
24
24
|
{props.badges &&
|
|
25
25
|
props.badges.map((value, index) => (
|
|
26
26
|
<div key={index} className='flex whitespace-nowrap'>
|
|
@@ -75,7 +75,7 @@ export default function TalkCard2(props) {
|
|
|
75
75
|
<div className={`${CardClass} divide-y divide-neutral-150 flex tb-l:w-full flex-col pt-0`} >
|
|
76
76
|
{
|
|
77
77
|
props.speakerSet && (
|
|
78
|
-
<div className="px-
|
|
78
|
+
<div className="px-6 pt-6 border-t border-neutral-200 tb-l:border-0 flex gap-6 tb-l:pt-12 tb:mt-0 tb-l:pb-12 pb-6 flex-col ">
|
|
79
79
|
{props.speakerSet.map((value, i) => (
|
|
80
80
|
<div key={i} className="block">
|
|
81
81
|
|
|
@@ -91,7 +91,7 @@ export default function TalkCard2(props) {
|
|
|
91
91
|
</div>
|
|
92
92
|
)
|
|
93
93
|
}
|
|
94
|
-
{props.eventTime && <div className=" w-full pl-
|
|
94
|
+
{props.eventTime && <div className=" w-full pl-6 p-6 flex flex-row justify-between items-center">
|
|
95
95
|
<Typography textStyle='h6' className='text-blue-800 uppercase'>{props.eventTime}</Typography>
|
|
96
96
|
{props.addCalendarUrl &&
|
|
97
97
|
<a href={props.addCalendarUrl}>
|
|
@@ -16,7 +16,7 @@ const tabs = [
|
|
|
16
16
|
const levelCalc = (arr, index) => {
|
|
17
17
|
|
|
18
18
|
const keyIndex = 'key' + `${index}`;
|
|
19
|
-
|
|
19
|
+
|
|
20
20
|
if (arr[keyIndex] && (arr[keyIndex]['text'] || arr[keyIndex]['iconVariant'])) {
|
|
21
21
|
return (
|
|
22
22
|
<>
|
|
@@ -66,60 +66,60 @@ export default function TableB(props) {
|
|
|
66
66
|
const [activeTab, setActiveTab] = useState(1);
|
|
67
67
|
console.log(TABLE_VALUE, TABLE_VALUE[0], 'hh');
|
|
68
68
|
|
|
69
|
-
const tableValuesm = (section, keyIndex) =>
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
69
|
+
const tableValuesm = (section, keyIndex) =>
|
|
70
|
+
(
|
|
71
|
+
<>
|
|
72
|
+
{section[keyIndex].map((value, index) => (
|
|
73
|
+
<tr className='' key={index}>
|
|
74
|
+
{Object.keys(value).map((keyIndex) => (
|
|
75
75
|
|
|
76
|
-
|
|
77
|
-
|
|
76
|
+
<React.Fragment key={index + keyIndex}>
|
|
77
|
+
{keyIndex !== null && keyIndex === 'rowTitle' && (<td
|
|
78
78
|
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
79
|
+
className="px-8 py-7 w-[22.5rem]"
|
|
80
|
+
>
|
|
81
|
+
<Typography className='max-w-[22rem] text-neutral-700 [&>p]:pb-2 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 [&>ul>li]:last:pb-0' textStyle='body1c'><ReactMarkdown>{value[keyIndex]}</ReactMarkdown></Typography>
|
|
82
82
|
|
|
83
|
-
|
|
83
|
+
</td>)}
|
|
84
84
|
|
|
85
|
-
|
|
86
|
-
|
|
85
|
+
{keyIndex !== null && keyIndex !== 'rowTitle' && value[keyIndex] !== null && (
|
|
86
|
+
<td
|
|
87
87
|
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
88
|
+
className="px-8 py-7 border-table text-center "
|
|
89
|
+
>
|
|
90
|
+
{value && keyIndex && value[keyIndex] && value[keyIndex]['text'] === null && !value[keyIndex]['iconVariant'] && value[keyIndex]['iconVariant'] === null && (
|
|
91
|
+
<></>
|
|
92
92
|
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
93
|
+
)}
|
|
94
|
+
{value[keyIndex]['text'] !== null && value[keyIndex]['text'] && (
|
|
95
|
+
<Typography className='text-neutral-700' textStyle='body1c'>{value[keyIndex]['text']}</Typography>
|
|
96
96
|
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
97
|
+
)}
|
|
98
|
+
{(value[keyIndex]['text'] === null || !value[keyIndex]['text']) && value[keyIndex]['iconVariant'] && (
|
|
99
|
+
<div className='flex justify-center'>
|
|
100
|
+
<Icon height='h-5 w-5 stroke-[1.5px]' variant={value[keyIndex]['iconVariant']} strokeClass={HDSColor(value[keyIndex]['iconStrokeClass'])} />
|
|
101
|
+
</div>
|
|
102
|
+
)}
|
|
103
|
+
</td>)
|
|
104
|
+
}
|
|
105
105
|
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
106
|
+
{keyIndex === null && (
|
|
107
|
+
<td
|
|
108
|
+
key={index}
|
|
109
|
+
className="px-8 py-7 border-table text-center"
|
|
110
|
+
>
|
|
111
|
+
</td>
|
|
112
|
+
)}
|
|
113
113
|
|
|
114
114
|
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
115
|
+
</React.Fragment>
|
|
116
|
+
))}
|
|
117
|
+
</tr>
|
|
118
|
+
))}
|
|
119
|
+
</>
|
|
120
|
+
|
|
121
|
+
)
|
|
122
|
+
|
|
123
123
|
|
|
124
124
|
|
|
125
125
|
|
|
@@ -212,19 +212,15 @@ export default function TableB(props) {
|
|
|
212
212
|
{Object.keys(msection).map((keyIndex) => (
|
|
213
213
|
|
|
214
214
|
<>
|
|
215
|
-
|
|
215
|
+
{msection[keyIndex].map((tem2, index) => (
|
|
216
216
|
<>
|
|
217
|
-
|
|
217
|
+
{levelCalc(tem2, index)}
|
|
218
218
|
</>
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
}
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
219
|
+
))
|
|
220
|
+
}
|
|
225
221
|
</>
|
|
226
222
|
))}
|
|
227
|
-
|
|
223
|
+
|
|
228
224
|
|
|
229
225
|
</React.Fragment>
|
|
230
226
|
))}
|
|
@@ -310,11 +306,11 @@ export default function TableB(props) {
|
|
|
310
306
|
</tr>
|
|
311
307
|
</thead>
|
|
312
308
|
{TABLE_VALUE.map((section, index) => (
|
|
313
|
-
<tbody key={index} className="
|
|
314
|
-
|
|
309
|
+
<tbody key={index} className="">
|
|
315
310
|
|
|
316
|
-
|
|
317
|
-
|
|
311
|
+
|
|
312
|
+
{Object.keys(section).map((keyIndex) => (
|
|
313
|
+
<>
|
|
318
314
|
<tr className=''>
|
|
319
315
|
{Object.keys(section[keyIndex][0]).map((keyIndex2) => (
|
|
320
316
|
<React.Fragment key={keyIndex2}>
|
|
@@ -322,9 +318,11 @@ export default function TableB(props) {
|
|
|
322
318
|
<th
|
|
323
319
|
className='bg-neutral-100 first:rounded-l-full last:rounded-r-full'
|
|
324
320
|
>
|
|
325
|
-
<Typography
|
|
326
|
-
|
|
327
|
-
|
|
321
|
+
<Typography
|
|
322
|
+
textStyle='h5'
|
|
323
|
+
className='text-neutral-900'
|
|
324
|
+
>
|
|
325
|
+
{keyIndex2}
|
|
328
326
|
</Typography>
|
|
329
327
|
|
|
330
328
|
|
|
@@ -333,87 +331,43 @@ export default function TableB(props) {
|
|
|
333
331
|
</React.Fragment>
|
|
334
332
|
))}
|
|
335
333
|
</tr>
|
|
334
|
+
{tableValuesm(section, keyIndex)}
|
|
335
|
+
</>
|
|
336
336
|
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
{tableValuesm(section, keyIndex)}
|
|
340
|
-
</>
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
))
|
|
346
|
-
}
|
|
347
|
-
|
|
348
|
-
|
|
337
|
+
))
|
|
338
|
+
}
|
|
349
339
|
</tbody>
|
|
350
|
-
|
|
351
340
|
))
|
|
352
|
-
|
|
353
341
|
}
|
|
354
|
-
|
|
355
|
-
<
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
<
|
|
361
|
-
{
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
{keyIndex !== null && keyIndex === 'rowTitle' && (<td
|
|
374
|
-
|
|
375
|
-
className="px-8 py-7 w-[22.5rem]"
|
|
376
|
-
>
|
|
377
|
-
<Typography className='max-w-[22rem] text-neutral-700 [&>p]:pb-2 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 [&>ul>li]:last:pb-0' textStyle='body1c'><ReactMarkdown>{value[keyIndex]}</ReactMarkdown></Typography>
|
|
378
|
-
|
|
379
|
-
</td>)}
|
|
380
|
-
|
|
381
|
-
{keyIndex !== null && keyIndex !== 'rowTitle' && value[keyIndex] !== null && (
|
|
382
|
-
<td
|
|
383
|
-
|
|
384
|
-
className="px-8 py-7 border-table text-center "
|
|
385
|
-
>
|
|
386
|
-
{value && keyIndex && value[keyIndex] && value[keyIndex]['text'] === null && !value[keyIndex]['iconVariant'] && value[keyIndex]['iconVariant'] === null && (
|
|
387
|
-
<></>
|
|
388
|
-
|
|
389
|
-
)}
|
|
390
|
-
{value[keyIndex]['text'] !== null && value[keyIndex]['text'] && (
|
|
391
|
-
<Typography className='text-neutral-700' textStyle='body1c'>{value[keyIndex]['text']}</Typography>
|
|
342
|
+
<tr>
|
|
343
|
+
<td></td>
|
|
344
|
+
{TABLE_HEADER.map((value, index) => (
|
|
345
|
+
<>
|
|
346
|
+
{index!=0 &&
|
|
347
|
+
<td className=''>
|
|
348
|
+
<HDSButton
|
|
349
|
+
label={value['button_title'] }
|
|
350
|
+
type='secondary'
|
|
351
|
+
leftIconVariant='none'
|
|
352
|
+
rightIconVariant='none'
|
|
353
|
+
state='default'
|
|
354
|
+
size='sm'
|
|
355
|
+
rightAnimatedArrow={true}
|
|
356
|
+
rightAnimatedArrowColor='#6C737F'
|
|
357
|
+
className='mt-4'
|
|
358
|
+
/>
|
|
359
|
+
|
|
360
|
+
</td>}
|
|
392
361
|
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
<div className='flex justify-center'>
|
|
396
|
-
<Icon height='h-5 w-5 stroke-[1.5px]' variant={value[keyIndex]['iconVariant']} strokeClass={HDSColor(value[keyIndex]['iconStrokeClass'])} />
|
|
397
|
-
</div>
|
|
398
|
-
)}
|
|
399
|
-
</td>)
|
|
400
|
-
}
|
|
362
|
+
</>
|
|
363
|
+
|
|
401
364
|
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
key={index}
|
|
405
|
-
className="px-8 py-7 border-table text-center"
|
|
406
|
-
>
|
|
407
|
-
</td>
|
|
408
|
-
)}
|
|
365
|
+
))
|
|
366
|
+
}
|
|
409
367
|
|
|
410
368
|
|
|
411
|
-
</React.Fragment>
|
|
412
|
-
))}
|
|
413
|
-
</tr>
|
|
414
|
-
))}
|
|
415
|
-
</tbody> */}
|
|
416
369
|
|
|
370
|
+
</tr>
|
|
417
371
|
</table>
|
|
418
372
|
</div>
|
|
419
373
|
</div>
|
package/src/styles/tailwind.css
CHANGED
|
@@ -735,6 +735,12 @@ select {
|
|
|
735
735
|
}
|
|
736
736
|
}
|
|
737
737
|
|
|
738
|
+
@media (min-width: 420px) {
|
|
739
|
+
.container {
|
|
740
|
+
max-width: 420px;
|
|
741
|
+
}
|
|
742
|
+
}
|
|
743
|
+
|
|
738
744
|
@media (min-width: 600px) {
|
|
739
745
|
.container {
|
|
740
746
|
max-width: 600px;
|
|
@@ -1410,8 +1416,8 @@ select {
|
|
|
1410
1416
|
max-height: 100%;
|
|
1411
1417
|
}
|
|
1412
1418
|
|
|
1413
|
-
.min-h-\[
|
|
1414
|
-
min-height:
|
|
1419
|
+
.min-h-\[120px\] {
|
|
1420
|
+
min-height: 120px;
|
|
1415
1421
|
}
|
|
1416
1422
|
|
|
1417
1423
|
.w-1\/2 {
|
|
@@ -1540,6 +1546,10 @@ select {
|
|
|
1540
1546
|
width: 100vw;
|
|
1541
1547
|
}
|
|
1542
1548
|
|
|
1549
|
+
.w-16 {
|
|
1550
|
+
width: 4rem;
|
|
1551
|
+
}
|
|
1552
|
+
|
|
1543
1553
|
.min-w-\[11\.5rem\] {
|
|
1544
1554
|
min-width: 11.5rem;
|
|
1545
1555
|
}
|
|
@@ -2021,6 +2031,18 @@ select {
|
|
|
2021
2031
|
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
|
|
2022
2032
|
}
|
|
2023
2033
|
|
|
2034
|
+
.divide-x-2 > :not([hidden]) ~ :not([hidden]) {
|
|
2035
|
+
--tw-divide-x-reverse: 0;
|
|
2036
|
+
border-right-width: calc(2px * var(--tw-divide-x-reverse));
|
|
2037
|
+
border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
|
|
2038
|
+
}
|
|
2039
|
+
|
|
2040
|
+
.divide-y-2 > :not([hidden]) ~ :not([hidden]) {
|
|
2041
|
+
--tw-divide-y-reverse: 0;
|
|
2042
|
+
border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
|
|
2043
|
+
border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
|
|
2044
|
+
}
|
|
2045
|
+
|
|
2024
2046
|
.divide-blue-600\/10 > :not([hidden]) ~ :not([hidden]) {
|
|
2025
2047
|
border-color: rgb(30 86 227 / 0.1);
|
|
2026
2048
|
}
|
|
@@ -2166,6 +2188,16 @@ select {
|
|
|
2166
2188
|
border-top-right-radius: 0.375rem;
|
|
2167
2189
|
}
|
|
2168
2190
|
|
|
2191
|
+
.rounded-l-xl {
|
|
2192
|
+
border-top-left-radius: 0.75rem;
|
|
2193
|
+
border-bottom-left-radius: 0.75rem;
|
|
2194
|
+
}
|
|
2195
|
+
|
|
2196
|
+
.rounded-r-xl {
|
|
2197
|
+
border-top-right-radius: 0.75rem;
|
|
2198
|
+
border-bottom-right-radius: 0.75rem;
|
|
2199
|
+
}
|
|
2200
|
+
|
|
2169
2201
|
.rounded-tl-2xl {
|
|
2170
2202
|
border-top-left-radius: 1rem;
|
|
2171
2203
|
}
|
|
@@ -2337,6 +2369,11 @@ select {
|
|
|
2337
2369
|
border-top-color: rgb(236 237 240 / var(--tw-border-opacity));
|
|
2338
2370
|
}
|
|
2339
2371
|
|
|
2372
|
+
.border-b-neutral-200 {
|
|
2373
|
+
--tw-border-opacity: 1;
|
|
2374
|
+
border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
|
|
2375
|
+
}
|
|
2376
|
+
|
|
2340
2377
|
.bg-amber-100 {
|
|
2341
2378
|
--tw-bg-opacity: 1;
|
|
2342
2379
|
background-color: rgb(255 243 212 / var(--tw-bg-opacity));
|
|
@@ -5474,6 +5511,10 @@ select {
|
|
|
5474
5511
|
padding-top: 2rem;
|
|
5475
5512
|
}
|
|
5476
5513
|
|
|
5514
|
+
.pt-3 {
|
|
5515
|
+
padding-top: 0.75rem;
|
|
5516
|
+
}
|
|
5517
|
+
|
|
5477
5518
|
.text-left {
|
|
5478
5519
|
text-align: left;
|
|
5479
5520
|
}
|
|
@@ -5797,6 +5838,10 @@ select {
|
|
|
5797
5838
|
text-transform: uppercase;
|
|
5798
5839
|
}
|
|
5799
5840
|
|
|
5841
|
+
.capitalize {
|
|
5842
|
+
text-transform: capitalize;
|
|
5843
|
+
}
|
|
5844
|
+
|
|
5800
5845
|
.italic {
|
|
5801
5846
|
font-style: italic;
|
|
5802
5847
|
}
|
|
@@ -8046,15 +8091,110 @@ select {
|
|
|
8046
8091
|
flex-shrink: 0;
|
|
8047
8092
|
}
|
|
8048
8093
|
|
|
8049
|
-
.max-\[1140px\]\:snap-end {
|
|
8050
|
-
scroll-snap-align: end;
|
|
8051
|
-
}
|
|
8052
|
-
|
|
8053
8094
|
.max-\[1140px\]\:snap-always {
|
|
8054
8095
|
scroll-snap-stop: always;
|
|
8055
8096
|
}
|
|
8056
8097
|
}
|
|
8057
8098
|
|
|
8099
|
+
@media (max-width: 450px) {
|
|
8100
|
+
.max-\[450px\]\:rounded-full {
|
|
8101
|
+
border-radius: 9999px;
|
|
8102
|
+
}
|
|
8103
|
+
}
|
|
8104
|
+
|
|
8105
|
+
@media (max-width: 420px) {
|
|
8106
|
+
.max-\[420px\]\:rounded-full {
|
|
8107
|
+
border-radius: 9999px;
|
|
8108
|
+
}
|
|
8109
|
+
|
|
8110
|
+
.max-\[420px\]\:bg-blue-400 {
|
|
8111
|
+
--tw-bg-opacity: 1;
|
|
8112
|
+
background-color: rgb(128 163 255 / var(--tw-bg-opacity));
|
|
8113
|
+
}
|
|
8114
|
+
}
|
|
8115
|
+
|
|
8116
|
+
@media (min-width: 420px) {
|
|
8117
|
+
.mb-m\:flex {
|
|
8118
|
+
display: flex;
|
|
8119
|
+
}
|
|
8120
|
+
|
|
8121
|
+
.mb-m\:min-h-\[120px\] {
|
|
8122
|
+
min-height: 120px;
|
|
8123
|
+
}
|
|
8124
|
+
|
|
8125
|
+
.mb-m\:w-\[9rem\] {
|
|
8126
|
+
width: 9rem;
|
|
8127
|
+
}
|
|
8128
|
+
|
|
8129
|
+
.mb-m\:min-w-\[144px\] {
|
|
8130
|
+
min-width: 144px;
|
|
8131
|
+
}
|
|
8132
|
+
|
|
8133
|
+
.mb-m\:flex-row {
|
|
8134
|
+
flex-direction: row;
|
|
8135
|
+
}
|
|
8136
|
+
|
|
8137
|
+
.mb-m\:items-center {
|
|
8138
|
+
align-items: center;
|
|
8139
|
+
}
|
|
8140
|
+
|
|
8141
|
+
.mb-m\:justify-between {
|
|
8142
|
+
justify-content: space-between;
|
|
8143
|
+
}
|
|
8144
|
+
|
|
8145
|
+
.mb-m\:self-center {
|
|
8146
|
+
align-self: center;
|
|
8147
|
+
}
|
|
8148
|
+
|
|
8149
|
+
.mb-m\:rounded {
|
|
8150
|
+
border-radius: 0.25rem;
|
|
8151
|
+
}
|
|
8152
|
+
|
|
8153
|
+
.mb-m\:rounded-l-2xl {
|
|
8154
|
+
border-top-left-radius: 1rem;
|
|
8155
|
+
border-bottom-left-radius: 1rem;
|
|
8156
|
+
}
|
|
8157
|
+
|
|
8158
|
+
.mb-m\:rounded-r-2xl {
|
|
8159
|
+
border-top-right-radius: 1rem;
|
|
8160
|
+
border-bottom-right-radius: 1rem;
|
|
8161
|
+
}
|
|
8162
|
+
|
|
8163
|
+
.mb-m\:rounded-r-xl {
|
|
8164
|
+
border-top-right-radius: 0.75rem;
|
|
8165
|
+
border-bottom-right-radius: 0.75rem;
|
|
8166
|
+
}
|
|
8167
|
+
|
|
8168
|
+
.mb-m\:rounded-l-xl {
|
|
8169
|
+
border-top-left-radius: 0.75rem;
|
|
8170
|
+
border-bottom-left-radius: 0.75rem;
|
|
8171
|
+
}
|
|
8172
|
+
|
|
8173
|
+
.mb-m\:px-5 {
|
|
8174
|
+
padding-left: 1.25rem;
|
|
8175
|
+
padding-right: 1.25rem;
|
|
8176
|
+
}
|
|
8177
|
+
|
|
8178
|
+
.mb-m\:py-\[30px\] {
|
|
8179
|
+
padding-top: 30px;
|
|
8180
|
+
padding-bottom: 30px;
|
|
8181
|
+
}
|
|
8182
|
+
|
|
8183
|
+
.mb-m\:pl-0 {
|
|
8184
|
+
padding-left: 0px;
|
|
8185
|
+
}
|
|
8186
|
+
|
|
8187
|
+
.mb-m\:pt-0 {
|
|
8188
|
+
padding-top: 0px;
|
|
8189
|
+
}
|
|
8190
|
+
}
|
|
8191
|
+
|
|
8192
|
+
@media (min-width: 450px) {
|
|
8193
|
+
.min-\[450px\]\:rounded-full {
|
|
8194
|
+
border-radius: 9999px;
|
|
8195
|
+
}
|
|
8196
|
+
}
|
|
8197
|
+
|
|
8058
8198
|
@media (min-width: 600px) {
|
|
8059
8199
|
.tb\:mb-16 {
|
|
8060
8200
|
margin-bottom: 4rem;
|
|
@@ -8223,8 +8363,8 @@ select {
|
|
|
8223
8363
|
column-gap: 4rem;
|
|
8224
8364
|
}
|
|
8225
8365
|
|
|
8226
|
-
.tb\:rounded {
|
|
8227
|
-
border-radius:
|
|
8366
|
+
.tb\:rounded-3xl {
|
|
8367
|
+
border-radius: 1.5rem;
|
|
8228
8368
|
}
|
|
8229
8369
|
|
|
8230
8370
|
.tb\:rounded-e-none {
|
|
@@ -8560,6 +8700,10 @@ select {
|
|
|
8560
8700
|
letter-spacing: -0.01em;
|
|
8561
8701
|
font-weight: 400;
|
|
8562
8702
|
}
|
|
8703
|
+
|
|
8704
|
+
.tb\:uppercase {
|
|
8705
|
+
text-transform: uppercase;
|
|
8706
|
+
}
|
|
8563
8707
|
}
|
|
8564
8708
|
|
|
8565
8709
|
@media (min-width: 640px) {
|
|
@@ -8777,9 +8921,8 @@ select {
|
|
|
8777
8921
|
border-bottom-left-radius: 1.5rem;
|
|
8778
8922
|
}
|
|
8779
8923
|
|
|
8780
|
-
.tb-l\:
|
|
8781
|
-
border-
|
|
8782
|
-
border-bottom-right-radius: 1rem;
|
|
8924
|
+
.tb-l\:border-0 {
|
|
8925
|
+
border-width: 0px;
|
|
8783
8926
|
}
|
|
8784
8927
|
|
|
8785
8928
|
.tb-l\:border-r {
|
|
@@ -8804,6 +8947,11 @@ select {
|
|
|
8804
8947
|
padding-bottom: 3rem;
|
|
8805
8948
|
}
|
|
8806
8949
|
|
|
8950
|
+
.tb-l\:px-8 {
|
|
8951
|
+
padding-left: 2rem;
|
|
8952
|
+
padding-right: 2rem;
|
|
8953
|
+
}
|
|
8954
|
+
|
|
8807
8955
|
.tb-l\:pb-12 {
|
|
8808
8956
|
padding-bottom: 3rem;
|
|
8809
8957
|
}
|
|
@@ -8816,6 +8964,10 @@ select {
|
|
|
8816
8964
|
padding-top: 3rem;
|
|
8817
8965
|
}
|
|
8818
8966
|
|
|
8967
|
+
.tb-l\:pb-6 {
|
|
8968
|
+
padding-bottom: 1.5rem;
|
|
8969
|
+
}
|
|
8970
|
+
|
|
8819
8971
|
.tb-l\:text-left {
|
|
8820
8972
|
text-align: left;
|
|
8821
8973
|
}
|