Skip to content

Commit 1b204f5

Browse files
avivkelleravivkeller
committed
resolve reviews
1 parent 6ec81de commit 1b204f5

File tree

46 files changed

+1202
-228
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

46 files changed

+1202
-228
lines changed

‎apps/site/app/[locale]/layout.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import { availableLocalesMap, defaultLocale } from '@/next.locales.mjs';
1010
import { LocaleProvider } from '@/providers/localeProvider';
1111
import { ThemeProvider } from '@/providers/themeProvider';
1212

13-
import '@node-core/ui-components/styles/index.css';
13+
import '@/styles/index.css';
1414

1515
const fontClasses = classNames(IBM_PLEX_MONO.variable, OPEN_SANS.variable);
1616

packages/ui-components/styles/base.css renamed to apps/site/styles/base.css

File renamed without changes.

‎apps/site/styles/effects.css‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
.turtle {
2+
@apply animate-surf
3+
absolute
4+
z-10
5+
translate-x-0
6+
translate-y-0;
7+
}
8+
9+
.turtle img {
10+
@apply h-auto
11+
w-24
12+
md:w-48;
13+
}
14+
15+
.turtle::after {
16+
@apply absolute
17+
-left-full
18+
top-[20%]
19+
-z-10
20+
block
21+
h-36
22+
w-36
23+
-rotate-90
24+
select-none
25+
bg-[url('/static/images/smoke.gif')]
26+
opacity-[0.15]
27+
content-['']
28+
md:-left-1/2
29+
md:top-1/2;
30+
}

‎apps/site/styles/index.css‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
@charset "utf-8";
2+
3+
/* IDE Support
4+
* We recommend Stylelint and Tailwind Extensions for better IDE support.
5+
* @see https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss
6+
* @see https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint
7+
*/
8+
9+
@import '@node-core/ui-components/styles/index.css';
10+
@import './base.css';
11+
@import './markdown.css';
12+
@import './effects.css';
13+
@import './locals.css';

packages/ui-components/styles/locals.css renamed to apps/site/styles/locals.css

File renamed without changes.

‎apps/site/styles/markdown.css‎

Lines changed: 172 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,172 @@
1+
main {
2+
@apply flex
3+
w-full
4+
flex-col
5+
gap-6;
6+
7+
hr {
8+
@apply w-full
9+
border-t
10+
border-t-neutral-200
11+
bg-white
12+
dark:border-t-neutral-900
13+
dark:bg-neutral-950;
14+
}
15+
16+
h1 {
17+
@apply text-3xl;
18+
}
19+
20+
h2 {
21+
@apply text-2xl;
22+
}
23+
24+
h3 {
25+
@apply text-xl;
26+
}
27+
28+
h4 {
29+
@apply text-lg;
30+
}
31+
32+
h5,
33+
h6 {
34+
@apply text-base;
35+
}
36+
37+
h1,
38+
h2,
39+
h3,
40+
h4,
41+
h5,
42+
h6 {
43+
&[id] a {
44+
@apply text-neutral-900
45+
dark:text-white;
46+
}
47+
}
48+
49+
h1,
50+
h2,
51+
h3,
52+
h4,
53+
h5,
54+
h6,
55+
strong {
56+
@apply font-semibold
57+
text-neutral-900
58+
dark:text-white;
59+
}
60+
61+
code {
62+
@apply font-ibm-plex-mono
63+
rounded
64+
bg-neutral-100
65+
px-1
66+
text-base
67+
font-semibold
68+
text-neutral-900
69+
dark:bg-neutral-900
70+
dark:text-white;
71+
}
72+
73+
p {
74+
@apply text-neutral-900
75+
dark:text-white;
76+
}
77+
78+
a,
79+
.anchor {
80+
@apply max-xs:font-semibold
81+
text-green-600
82+
dark:text-green-400;
83+
84+
&:hover {
85+
@apply text-green-900
86+
dark:text-green-300;
87+
}
88+
89+
&[role='button'] {
90+
@apply max-xs:font-regular;
91+
}
92+
93+
&:has(code) {
94+
@apply max-xs:decoration-neutral-800
95+
dark:max-xs:decoration-neutral-200;
96+
}
97+
}
98+
99+
ul {
100+
@apply list-disc
101+
pl-9
102+
pr-5
103+
leading-6
104+
text-neutral-900
105+
dark:text-white;
106+
107+
li div:has(> pre) {
108+
@apply !my-1;
109+
}
110+
}
111+
112+
ol {
113+
@apply list-decimal
114+
px-5
115+
leading-6
116+
text-neutral-900
117+
dark:text-white;
118+
119+
li div:has(> pre) {
120+
@apply !my-1;
121+
}
122+
}
123+
124+
table {
125+
@apply mb-1
126+
w-full
127+
border-separate
128+
border-spacing-0
129+
rounded
130+
border
131+
border-neutral-200
132+
text-left
133+
text-sm
134+
dark:border-neutral-800;
135+
136+
th,
137+
td {
138+
@apply max-xs:block
139+
max-xs:border-l-0
140+
border
141+
border-r-0
142+
border-t-0
143+
border-neutral-200
144+
px-4
145+
py-2
146+
text-neutral-900
147+
dark:border-neutral-800
148+
dark:text-white;
149+
150+
> a {
151+
@apply pr-2;
152+
}
153+
}
154+
155+
th {
156+
@apply font-semibold;
157+
}
158+
159+
tr:last-child td {
160+
@apply sm:border-b-0;
161+
162+
&:last-child {
163+
@apply max-xs:border-b-0;
164+
}
165+
}
166+
167+
td:first-child,
168+
th:first-child {
169+
@apply sm:border-l-0;
170+
}
171+
}
172+
}

‎packages/ui-components/Common/AlertBox/index.module.css‎

Lines changed: 20 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,43 @@
11
.alertBox {
2-
@apply flex flex-row items-center gap-2 rounded px-4 py-3 text-sm text-white;
2+
@apply flex
3+
flex-row
4+
items-center
5+
gap-2
6+
rounded
7+
px-4
8+
py-3
9+
text-sm
10+
text-white;
311

412
a {
5-
@apply font-bold text-white underline hover:text-white;
13+
@apply font-bold
14+
text-white
15+
underline
16+
hover:text-white;
617

718
&:hover {
819
@apply no-underline;
920
}
1021
}
1122

1223
&.small {
13-
@apply gap-1 py-2 text-xs;
24+
@apply gap-1
25+
py-2
26+
text-xs;
1427

1528
.title {
1629
@apply px-1;
1730
}
1831
}
1932

2033
.title {
21-
@apply rounded-sm px-1.5;
34+
@apply rounded-sm
35+
px-1.5;
2236
}
2337

2438
svg {
25-
@apply inline size-5;
39+
@apply inline
40+
size-5;
2641
}
2742

2843
&.info {

‎packages/ui-components/Common/AvatarGroup/Avatar/index.module.css‎

Lines changed: 22 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,36 @@
11
.item {
2-
@apply xs:max-h-10 xs:max-w-10 flex h-full max-h-12 w-full max-w-12 items-center justify-center rounded-full border-2 border-transparent bg-neutral-100 object-cover text-xs text-neutral-800 dark:bg-neutral-900 dark:text-neutral-300;
2+
@apply xs:max-h-10
3+
xs:max-w-10
4+
flex
5+
h-full
6+
max-h-12
7+
w-full
8+
max-w-12
9+
items-center
10+
justify-center
11+
rounded-full
12+
border-2
13+
border-transparent
14+
bg-neutral-100
15+
object-cover
16+
text-xs
17+
text-neutral-800
18+
dark:bg-neutral-900
19+
dark:text-neutral-300;
320
}
421

522
.avatar {
623
@apply size-8;
724

825
.wrapper {
9-
@apply max-xs:block max-xs:py-0;
26+
@apply max-xs:block
27+
max-xs:py-0;
1028
}
1129
}
1230

1331
.small {
14-
@apply xs:size-8 size-10;
32+
@apply xs:size-8
33+
size-10;
1534
}
1635

1736
.medium {

‎packages/ui-components/Common/AvatarGroup/Avatar/index.stories.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@ type Meta = MetaObj<typeof Avatar>;
77

88
export const Default: Story = {
99
args: {
10-
image: 'https://avatars.githubusercontent.com/avivkeller',
11-
nickname: 'avivkeller',
10+
image: 'https://avatars.githubusercontent.com/ghost',
11+
nickname: 'ghost',
1212
},
1313
};
1414

‎packages/ui-components/Common/AvatarGroup/Overlay/index.module.css‎

Lines changed: 14 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,29 @@
11
.overlay {
2-
@apply flex min-w-56 items-center gap-2 p-3;
2+
@apply flex
3+
min-w-56
4+
items-center
5+
gap-2
6+
p-3;
37
}
48

59
.user {
610
@apply grow;
711
}
812

913
.name {
10-
@apply font-semibold text-neutral-900 dark:text-neutral-300;
14+
@apply font-semibold
15+
text-neutral-900
16+
dark:text-neutral-300;
1117
}
1218

1319
.nickname {
14-
@apply font-medium text-neutral-700 dark:text-neutral-500;
20+
@apply font-medium
21+
text-neutral-700
22+
dark:text-neutral-500;
1523
}
1624

1725
.arrow {
18-
@apply w-3 fill-neutral-600 dark:fill-white;
26+
@apply w-3
27+
fill-neutral-600
28+
dark:fill-white;
1929
}

0 commit comments

Comments
 (0)