Skip to content

Commit 7e0ade2

Browse files
pubkeypubkey
committed
UPDATE todos
1 parent 0518c4e commit 7e0ade2

9 files changed

Lines changed: 71 additions & 71 deletions

File tree

‎docs-src/src/components/icons/quote.tsx‎

Lines changed: 30 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,41 @@
11
import { IconProps } from './arrow-right';
22

3-
export function IconQuoteStart({ style, className }: IconProps) {
3+
export function IconQuoteStartSingle({ style, className }: IconProps) {
44
return <div style={style} className={className}>
5-
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="15" viewBox="0 0 25 15" fill="none">
6-
<path d="M20 5H15V10H20V5Z" fill="#ED168F" />
7-
<path d="M25 5H20V10H25V5Z" fill="#ED168F" />
8-
<path d="M20 0H15V5H20V0Z" fill="#ED168F" />
9-
<path d="M10 5H5V15H10V5Z" fill="#ED168F" />
10-
<path d="M20 10H15V15H20V10Z" fill="#ED168F" />
11-
<path d="M25 10H20V15H25V10Z" fill="#ED168F" />
12-
<path d="M5 5H0V10H5V5Z" fill="#ED168F" />
13-
<path d="M5 0H0V5H5V0Z" fill="#ED168F" />
14-
<path d="M5 10H0V15H5V10Z" fill="#ED168F" />
5+
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="15" viewBox="0 0 10 15" fill="none">
6+
<path d="M5 5V0H0V5V10V15H5H10V5H5Z" fill="#ED168F" />
157
</svg>
168
</div>;
179
}
1810

19-
export function IconQuoteEnd({ style, className }: IconProps) {
11+
export function IconQuoteStart({ style, className }: IconProps) {
12+
return <div style={{
13+
display: 'flex',
14+
gap: 5,
15+
...style
16+
}}>
17+
<IconQuoteStartSingle />
18+
<IconQuoteStartSingle />
19+
</div>;
20+
}
21+
22+
export function IconQuoteEndSingle({ style, className }: IconProps) {
2023
return <div style={style} className={className}>
21-
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="15" viewBox="0 0 25 15" fill="none">
22-
<path d="M5 10H10V5H5V10Z" fill="#ED168F" />
23-
<path d="M-9.53674e-07 10H5V5H-9.53674e-07V10Z" fill="#ED168F" />
24-
<path d="M5 15H10V10H5V15Z" fill="#ED168F" />
25-
<path d="M15 10H20V0H15V10Z" fill="#ED168F" />
26-
<path d="M5 5H10V0H5V5Z" fill="#ED168F" />
27-
<path d="M-9.53674e-07 5H5V0H-9.53674e-07V5Z" fill="#ED168F" />
28-
<path d="M20 10H25V5H20V10Z" fill="#ED168F" />
29-
<path d="M20 15H25V10H20V15Z" fill="#ED168F" />
30-
<path d="M20 5H25V0H20V5Z" fill="#ED168F" />
24+
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="15" viewBox="0 0 10 15" fill="none">
25+
<path d="M5 0H0V5V10H5V15H10V10V5V0H5Z" fill="#ED168F" />
3126
</svg>
3227
</div>;
3328
}
29+
30+
31+
export function IconQuoteEnd({ style, className }: IconProps) {
32+
return <div style={{
33+
display: 'flex',
34+
justifyContent: 'flex-end',
35+
gap: 5,
36+
...style
37+
}}>
38+
<IconQuoteEndSingle />
39+
<IconQuoteEndSingle />
40+
</div>;
41+
}

‎docs-src/src/components/review-block.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -125,7 +125,7 @@ export function ReviewsBlock() {
125125
lineHeight: '21px',
126126
marginBottom: 0
127127
}}>{item.description}</p>
128-
<IconQuoteEnd style={{ textAlign: 'right' }} />
128+
<IconQuoteEnd />
129129
<div className="slider-profile">
130130
<img
131131
className={item.logoStyle}

‎docs-src/src/components/tag.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,7 @@ export function Tag(props: {
3838
alt=""
3939
style={{
4040
height: '60%',
41+
width: 24,
4142
marginRight: 6,
4243
display: 'block', // ← remove baseline alignment
4344
objectFit: 'contain', // optional, keeps it tidy
@@ -46,6 +47,7 @@ export function Tag(props: {
4647
) : (
4748
<span style={{
4849
height: '60%',
50+
width: 24,
4951
marginRight: 6,
5052
display: 'block', // ← remove baseline alignment
5153
objectFit: 'contain', // optional, keeps it tidy

‎docs-src/src/components/video-box.tsx‎

Lines changed: 18 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -15,22 +15,25 @@ const styles: Record<string, CSSProperties> = {
1515
container: {
1616
display: 'flex',
1717
flexDirection: 'column',
18-
padding: '12px 12px 9px 12px',
18+
padding: '12px 12px 6px 12px',
1919
width: '300px',
2020
backgroundColor: '#0D0F18',
21+
// backgroundColor: 'red',
2122
cursor: 'pointer'
2223
},
2324
thumbnailWrapper: {
2425
position: 'relative',
2526
width: '100%',
26-
height: '180px',
27+
height: '155px',
2728
overflow: 'hidden',
2829
backgroundColor: '#000',
2930
},
3031
thumbnail: {
3132
width: '100%',
3233
height: '100%',
33-
objectFit: 'cover',
34+
backgroundSize: 'cover',
35+
backgroundPosition: 'center -25px',
36+
backgroundRepeat: 'no-repeat',
3437
display: 'block',
3538
userDrag: 'none',
3639
userSelect: 'none',
@@ -48,16 +51,9 @@ const styles: Record<string, CSSProperties> = {
4851
alignItems: 'center',
4952
justifyContent: 'center',
5053
},
51-
playIcon: {
52-
width: '20px',
53-
height: '20px',
54-
borderLeft: '14px solid white',
55-
borderTop: '8px solid transparent',
56-
borderBottom: '8px solid transparent',
57-
},
5854
duration: {
5955
position: 'absolute',
60-
bottom: '6px',
56+
bottom: '0px',
6157
right: 0,
6258
fontSize: '0.875rem',
6359
fontWeight: 'bold',
@@ -66,7 +62,7 @@ const styles: Record<string, CSSProperties> = {
6662
backgroundColor: '#0D0F18'
6763
},
6864
title: {
69-
marginTop: 0,
65+
marginTop: 5,
7066
fontSize: 16,
7167
fontWeight: 700,
7268
whiteSpace: 'nowrap',
@@ -91,10 +87,16 @@ export function VideoBox({ videoId, title, duration, startAt }: VideoBoxProps) {
9187
}}
9288
>
9389
<div style={{ textDecoration: 'none', color: 'inherit' }}>
94-
<div style={styles.thumbnailWrapper}>
95-
<img
96-
src={'http://img.youtube.com/vi/' + videoId + '/0.jpg'}
97-
style={styles.thumbnail}
90+
<div
91+
style={{
92+
...styles.thumbnailWrapper,
93+
}}
94+
>
95+
<div
96+
style={{
97+
...styles.thumbnail,
98+
backgroundImage: `url(http://img.youtube.com/vi/${videoId}/0.jpg)`
99+
}}
98100
/>
99101
<div
100102
style={{
@@ -115,17 +117,14 @@ export function VideoBox({ videoId, title, duration, startAt }: VideoBoxProps) {
115117
open={isOpen}
116118
onCancel={(e) => {
117119
e.stopPropagation();
118-
console.log('CANCEL');
119120
setIsOpen(false);
120121
}}
121122
onClose={(e) => {
122123
e.stopPropagation();
123-
console.log('CLOSSSSSE');
124124
setIsOpen(false);
125125
}}
126126
onOk={(e) => {
127127
e.stopPropagation();
128-
console.log('OKKK');
129128
setIsOpen(false);
130129
}}
131130
footer={null}
@@ -134,9 +133,6 @@ export function VideoBox({ videoId, title, duration, startAt }: VideoBoxProps) {
134133
maxWidth: 800
135134
}}
136135
>
137-
<br />
138-
<br />
139-
<br />
140136
<h3>{title}</h3>
141137
<center>
142138
<iframe

‎docs-src/src/components/video-button.tsx‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,6 @@ export function VideoPlayButton({ size = 50, onClick }: VideoPlayButtonProps) {
1616
justifyContent: 'center',
1717
cursor: 'pointer',
1818
userSelect: 'none',
19-
2019
border: '2px solid var(--White, #FFF)',
2120
background: 'linear-gradient(90deg, #ED168F 0%, #B2218B 100%)',
2221
},
@@ -27,7 +26,11 @@ export function VideoPlayButton({ size = 50, onClick }: VideoPlayButtonProps) {
2726
};
2827
return (
2928
<div style={styles.container} onClick={onClick}>
30-
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="25" viewBox="0 0 15 25" fill="none">
29+
30+
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="25" viewBox="0 0 15 25" fill="none" style={{
31+
marginLeft: 3,
32+
height: '100%'
33+
}}>
3134
<path d="M10 10V5H5V0H0V5V20V25H5V20H10V15H15V10H10Z" fill="white" />
3235
</svg>
3336
</div>

‎docs-src/src/components/video-section.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,14 +10,14 @@ const YOUTUBE_VIDEOS: VideoBoxProps[] = [
1010
{
1111
videoId: 'tDWmfenF2AM',
1212
title: 'The Easiest Way to Store Data',
13-
duration: '4:28',
13+
duration: '04:28',
1414
startAt: 8
1515

1616
},
1717
{
1818
videoId: 'qHWrooWyCYg',
1919
title: 'This solved a problem I\'ve had in Angular for years',
20-
duration: '3:45',
20+
duration: '03:45',
2121
startAt: 2
2222
},
2323
{
@@ -29,7 +29,7 @@ const YOUTUBE_VIDEOS: VideoBoxProps[] = [
2929
{
3030
videoId: 'm3T0gMuitbI',
3131
title: 'Build REAL TIME Applications easily 👩‍💻',
32-
duration: '0:52',
32+
duration: '00:52',
3333
startAt: 9
3434
},
3535
// {

‎docs-src/src/css/custom.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -430,7 +430,7 @@ p a:hover {
430430
/* Docs Main Body Content Styling */
431431
body {
432432
color: var(--fontColor-offwhite);
433-
font-weight: 400;
433+
font-weight: 500;
434434
}
435435

436436
/* Pagination links at bottom of page */
@@ -1630,7 +1630,7 @@ ul.checked li:before {
16301630

16311631
position: absolute;
16321632
z-index: 9;
1633-
margin-top: -30px;
1633+
margin-top: -26.715px;
16341634
height: 40px;
16351635

16361636
background-color: var(--bg-color);

‎docs-src/static/files/icons/nats.svg‎

Lines changed: 6 additions & 18 deletions
Loading

‎docs-src/static/files/icons/twitter-blue.svg‎

Lines changed: 4 additions & 1 deletion
Loading

0 commit comments

Comments
 (0)