hds-web 1.4.3 → 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 +159 -15
- 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-[120px] tb:flex tb:items-center tb:px-8 tb:pb-8 tb:mt-8 tb:ml-0 tb:text-center">
|
|
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-3xl 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,10 +1416,6 @@ select {
|
|
|
1410
1416
|
max-height: 100%;
|
|
1411
1417
|
}
|
|
1412
1418
|
|
|
1413
|
-
.min-h-\[116px\] {
|
|
1414
|
-
min-height: 116px;
|
|
1415
|
-
}
|
|
1416
|
-
|
|
1417
1419
|
.min-h-\[120px\] {
|
|
1418
1420
|
min-height: 120px;
|
|
1419
1421
|
}
|
|
@@ -1544,6 +1546,10 @@ select {
|
|
|
1544
1546
|
width: 100vw;
|
|
1545
1547
|
}
|
|
1546
1548
|
|
|
1549
|
+
.w-16 {
|
|
1550
|
+
width: 4rem;
|
|
1551
|
+
}
|
|
1552
|
+
|
|
1547
1553
|
.min-w-\[11\.5rem\] {
|
|
1548
1554
|
min-width: 11.5rem;
|
|
1549
1555
|
}
|
|
@@ -2025,6 +2031,18 @@ select {
|
|
|
2025
2031
|
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
|
|
2026
2032
|
}
|
|
2027
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
|
+
|
|
2028
2046
|
.divide-blue-600\/10 > :not([hidden]) ~ :not([hidden]) {
|
|
2029
2047
|
border-color: rgb(30 86 227 / 0.1);
|
|
2030
2048
|
}
|
|
@@ -2170,6 +2188,16 @@ select {
|
|
|
2170
2188
|
border-top-right-radius: 0.375rem;
|
|
2171
2189
|
}
|
|
2172
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
|
+
|
|
2173
2201
|
.rounded-tl-2xl {
|
|
2174
2202
|
border-top-left-radius: 1rem;
|
|
2175
2203
|
}
|
|
@@ -2341,6 +2369,11 @@ select {
|
|
|
2341
2369
|
border-top-color: rgb(236 237 240 / var(--tw-border-opacity));
|
|
2342
2370
|
}
|
|
2343
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
|
+
|
|
2344
2377
|
.bg-amber-100 {
|
|
2345
2378
|
--tw-bg-opacity: 1;
|
|
2346
2379
|
background-color: rgb(255 243 212 / var(--tw-bg-opacity));
|
|
@@ -5478,6 +5511,10 @@ select {
|
|
|
5478
5511
|
padding-top: 2rem;
|
|
5479
5512
|
}
|
|
5480
5513
|
|
|
5514
|
+
.pt-3 {
|
|
5515
|
+
padding-top: 0.75rem;
|
|
5516
|
+
}
|
|
5517
|
+
|
|
5481
5518
|
.text-left {
|
|
5482
5519
|
text-align: left;
|
|
5483
5520
|
}
|
|
@@ -5801,6 +5838,10 @@ select {
|
|
|
5801
5838
|
text-transform: uppercase;
|
|
5802
5839
|
}
|
|
5803
5840
|
|
|
5841
|
+
.capitalize {
|
|
5842
|
+
text-transform: capitalize;
|
|
5843
|
+
}
|
|
5844
|
+
|
|
5804
5845
|
.italic {
|
|
5805
5846
|
font-style: italic;
|
|
5806
5847
|
}
|
|
@@ -8050,15 +8091,110 @@ select {
|
|
|
8050
8091
|
flex-shrink: 0;
|
|
8051
8092
|
}
|
|
8052
8093
|
|
|
8053
|
-
.max-\[1140px\]\:snap-end {
|
|
8054
|
-
scroll-snap-align: end;
|
|
8055
|
-
}
|
|
8056
|
-
|
|
8057
8094
|
.max-\[1140px\]\:snap-always {
|
|
8058
8095
|
scroll-snap-stop: always;
|
|
8059
8096
|
}
|
|
8060
8097
|
}
|
|
8061
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
|
+
|
|
8062
8198
|
@media (min-width: 600px) {
|
|
8063
8199
|
.tb\:mb-16 {
|
|
8064
8200
|
margin-bottom: 4rem;
|
|
@@ -8227,10 +8363,6 @@ select {
|
|
|
8227
8363
|
column-gap: 4rem;
|
|
8228
8364
|
}
|
|
8229
8365
|
|
|
8230
|
-
.tb\:rounded {
|
|
8231
|
-
border-radius: 0.25rem;
|
|
8232
|
-
}
|
|
8233
|
-
|
|
8234
8366
|
.tb\:rounded-3xl {
|
|
8235
8367
|
border-radius: 1.5rem;
|
|
8236
8368
|
}
|
|
@@ -8568,6 +8700,10 @@ select {
|
|
|
8568
8700
|
letter-spacing: -0.01em;
|
|
8569
8701
|
font-weight: 400;
|
|
8570
8702
|
}
|
|
8703
|
+
|
|
8704
|
+
.tb\:uppercase {
|
|
8705
|
+
text-transform: uppercase;
|
|
8706
|
+
}
|
|
8571
8707
|
}
|
|
8572
8708
|
|
|
8573
8709
|
@media (min-width: 640px) {
|
|
@@ -8785,9 +8921,8 @@ select {
|
|
|
8785
8921
|
border-bottom-left-radius: 1.5rem;
|
|
8786
8922
|
}
|
|
8787
8923
|
|
|
8788
|
-
.tb-l\:
|
|
8789
|
-
border-
|
|
8790
|
-
border-bottom-right-radius: 1rem;
|
|
8924
|
+
.tb-l\:border-0 {
|
|
8925
|
+
border-width: 0px;
|
|
8791
8926
|
}
|
|
8792
8927
|
|
|
8793
8928
|
.tb-l\:border-r {
|
|
@@ -8812,6 +8947,11 @@ select {
|
|
|
8812
8947
|
padding-bottom: 3rem;
|
|
8813
8948
|
}
|
|
8814
8949
|
|
|
8950
|
+
.tb-l\:px-8 {
|
|
8951
|
+
padding-left: 2rem;
|
|
8952
|
+
padding-right: 2rem;
|
|
8953
|
+
}
|
|
8954
|
+
|
|
8815
8955
|
.tb-l\:pb-12 {
|
|
8816
8956
|
padding-bottom: 3rem;
|
|
8817
8957
|
}
|
|
@@ -8824,6 +8964,10 @@ select {
|
|
|
8824
8964
|
padding-top: 3rem;
|
|
8825
8965
|
}
|
|
8826
8966
|
|
|
8967
|
+
.tb-l\:pb-6 {
|
|
8968
|
+
padding-bottom: 1.5rem;
|
|
8969
|
+
}
|
|
8970
|
+
|
|
8827
8971
|
.tb-l\:text-left {
|
|
8828
8972
|
text-align: left;
|
|
8829
8973
|
}
|