Skip to content

Commit 53f4187

Browse files
vipocenkavipocenka
authored
Fix invalid components in Chakra UI (#964)
* Update page.tsx * Update page.tsx * Update SectionBlock.tsx * Update InfoCard.tsx * Update ProjectsList.tsx * Update Carousel.tsx * Update InfoCard.tsx * Update InfoCard.tsx
1 parent 4089bbe commit 53f4187

File tree

6 files changed

+15
-15
lines changed

6 files changed

+15
-15
lines changed

‎apps/website/src/app/page.tsx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -131,7 +131,7 @@ export default function Home() {
131131
>
132132
1
133133
</Heading>
134-
<VStack align="left">
134+
<VStack align="start">
135135
<Text
136136
fontSize={{ base: "18px", md: "20px" }}
137137
fontFamily={sora.style.fontFamily}
@@ -152,7 +152,7 @@ export default function Home() {
152152
>
153153
3
154154
</Heading>
155-
<VStack align="left">
155+
<VStack align="start">
156156
<Text
157157
fontSize={{ base: "18px", md: "20px" }}
158158
fontFamily={sora.style.fontFamily}
@@ -181,7 +181,7 @@ export default function Home() {
181181
>
182182
2
183183
</Heading>
184-
<VStack align="left">
184+
<VStack align="start">
185185
<Text
186186
fontSize={{ base: "18px", md: "20px" }}
187187
fontFamily={sora.style.fontFamily}
@@ -203,7 +203,7 @@ export default function Home() {
203203
>
204204
4
205205
</Heading>
206-
<VStack align="left">
206+
<VStack align="start">
207207
<Text
208208
fontSize={{ base: "18px", md: "20px" }}
209209
fontFamily={sora.style.fontFamily}
@@ -287,10 +287,10 @@ export default function Home() {
287287
Upcoming Events
288288
</Heading>
289289

290-
<VStack align="left" spacing="10" maxH="600px" overflowY="auto">
290+
<VStack align="start" spacing="10" maxH="600px" overflowY="auto">
291291
{events.map((event) => (
292292
<Link href={event.link} key={event.name} isExternal>
293-
<VStack align="left">
293+
<VStack align="start">
294294
<Heading fontSize={{ base: "20px", md: "24px" }}>
295295
{event.date} | {event.name}
296296
</Heading>

‎apps/website/src/app/projects/page.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import ProjectsList from "../../components/ProjectsList"
55
export default function Projects() {
66
return (
77
<>
8-
<VStack pt="170px" pb="56px" w="100%" justify="end" align="left" spacing="40" position="relative">
8+
<VStack pt="170px" pb="56px" w="100%" justify="end" align="start" spacing="40" position="relative">
99
<Box
1010
zIndex="-1"
1111
top="0"
@@ -25,7 +25,7 @@ export default function Projects() {
2525
/>
2626
</Box>
2727

28-
<VStack align="left" spacing="4" pb="16">
28+
<VStack align="start" spacing="4" pb="16">
2929
<Heading fontSize={{ base: "40px", sm: "46px", md: "72px" }}>Built with Semaphore</Heading>
3030

3131
<Text fontSize={{ base: "16px", sm: "18px", md: "20px" }}>
@@ -35,7 +35,7 @@ export default function Projects() {
3535
</VStack>
3636
</VStack>
3737

38-
<ProjectsList w="100%" align="left" pt="16" spacing="14" />
38+
<ProjectsList w="100%" align="start" pt="16" spacing="14" />
3939

4040
<VStack my="128px">
4141
<ActionCard

‎apps/website/src/components/Carousel.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ export default function Carousel({ title, sizes, type, ...props }: CarouselProps
4646
}, [index, size])
4747

4848
return (
49-
<VStack align="left" w="full" spacing="16" {...props}>
49+
<VStack align="start" w="full" spacing="16" {...props}>
5050
<HStack justify={type === "projects" ? "center" : "space-between"}>
5151
<Heading fontSize={{ base: "30px", md: "44px" }}>{title}</Heading>
5252

‎apps/website/src/components/InfoCard.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -23,9 +23,9 @@ export default function InfoCard({ texts }: InfoCardProps) {
2323
height={{ base: "auto", md: "474px" }}
2424
>
2525
<CardBody padding="0">
26-
<VStack align="left" spacing="10" maxH="500" overflowY="auto">
26+
<VStack align="start" spacing="10" maxH="500" overflowY="auto">
2727
{texts.map((text) => (
28-
<VStack key={text.title} align="left">
28+
<VStack key={text.title} align="start">
2929
<Heading textAlign="left" fontSize={{ base: "20px", md: "24px" }}>
3030
{text.title}
3131
</Heading>

‎apps/website/src/components/ProjectsList.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ export default function ProjectsList(props: any) {
5252

5353
return (
5454
<VStack {...props}>
55-
<VStack align="left" spacing="6">
55+
<VStack align="start" spacing="6">
5656
<Text fontSize="20">Projects created by</Text>
5757

5858
<HStack spacing="4" flexWrap="wrap">
@@ -83,7 +83,7 @@ export default function ProjectsList(props: any) {
8383
</HStack>
8484
</VStack>
8585

86-
<VStack align="left" spacing="6" ref={viewToScrollRef}>
86+
<VStack align="start" spacing="6" ref={viewToScrollRef}>
8787
<Text fontSize="20">Category</Text>
8888
<HStack spacing="3" flexWrap="wrap">
8989
{getProjectCategories(sortedProjects).map((category) => (

‎apps/website/src/components/SectionBlock.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ export default function SectionBlock({ title, description, linkText, linkUrl, co
2323
return (
2424
<VStack w="full">
2525
<Flex flexDir={{ base: "column", lg: "row" }} gap="52px" w="full">
26-
<VStack align="left" gap="32px" flex="1">
26+
<VStack align="start" gap="32px" flex="1">
2727
<Text fontSize={{ base: "40px", md: "44px" }} fontWeight={{ base: "400", md: "500" }}>
2828
{title}
2929
</Text>

0 commit comments

Comments
 (0)