Skip to content

Commit a3190fd

Browse files
moonddamoondda
committed
fix : single -> double quote
1 parent 1577e35 commit a3190fd

File tree

1 file changed

+79
-79
lines changed
  • apps/landing/src/app/(detail)/components/overview

1 file changed

+79
-79
lines changed

‎apps/landing/src/app/(detail)/components/overview/page.tsx‎

Lines changed: 79 additions & 79 deletions
Original file line numberDiff line numberDiff line change
@@ -1,77 +1,77 @@
1-
import { Center, css, Flex, Grid, Text, VStack } from '@devup-ui/react';
2-
import Link from 'next/link';
3-
import Description from './Description.mdx';
1+
import { Center, css, Flex, Grid, Text, VStack } from "@devup-ui/react";
2+
import Link from "next/link";
3+
import Description from "./Description.mdx";
44

5-
import { Icons } from '@/components/icons/components';
6-
import { COMPONENT_GROUPS } from '@/constants';
5+
import { Icons } from "@/components/icons/components";
6+
import { COMPONENT_GROUPS } from "@/constants";
77

8-
import Card from '../Card';
8+
import Card from "../Card";
99

1010
export default function Page() {
1111
return (
12-
<VStack gap='16px'>
13-
<Text color='$primary' typography='captionBold'>
12+
<VStack gap="16px">
13+
<Text color="$primary" typography="captionBold">
1414
Overview
1515
</Text>
16-
<Text color='$title' typography='h4'>
16+
<Text color="$title" typography="h4">
1717
Devup UI Components
1818
</Text>
19-
<Text color='$text' typography='bodyReg'>
19+
<Text color="$text" typography="bodyReg">
2020
<Description />
2121
</Text>
22-
<Text color='$title' typography='h4' pt='30px'>
22+
<Text color="$title" typography="h4" pt="30px">
2323
Examples
2424
</Text>
25-
<VStack gap='16px' overflow='visible' pb='30px'>
26-
<Text color='$title' typography='h6'>
25+
<VStack gap="16px" overflow="visible" pb="30px">
26+
<Text color="$title" typography="h6">
2727
Form
2828
</Text>
2929
<Grid
30-
gap={['10px', null, null, null, '20px']}
30+
gap={["10px", null, null, null, "20px"]}
3131
gridTemplateColumns={[
32-
'repeat(1, 1fr)',
33-
'repeat(3, 1fr)',
32+
"repeat(1, 1fr)",
33+
"repeat(3, 1fr)",
3434
null,
35-
'repeat(4, 1fr)',
36-
'repeat(5, 1fr)',
35+
"repeat(4, 1fr)",
36+
"repeat(5, 1fr)",
3737
]}
3838
>
3939
{COMPONENT_GROUPS.Form.map((component) => {
4040
const Icon =
4141
Icons[
4242
`Icon${component
43-
.split('-')
43+
.split("-")
4444
.map((item) => item.charAt(0).toUpperCase() + item.slice(1))
45-
.join('')}Comp`
45+
.join("")}Comp`
4646
];
4747
return (
4848
<Link
4949
key={component}
50-
className={css({ textDecoration: 'none' })}
50+
className={css({ textDecoration: "none" })}
5151
href={`/components/${component}`}
5252
>
5353
<Card>
54-
<Center h='140px'>
55-
<Icon className={css({ w: '100%' })} />
54+
<Center h="140px">
55+
<Icon className={css({ w: "100%" })} />
5656
</Center>
5757
<Flex
58-
alignItems='center'
59-
borderTop='1px solid $border'
60-
gap='10px'
61-
px='16px'
62-
py='12px'
58+
alignItems="center"
59+
borderTop="1px solid $border"
60+
gap="10px"
61+
px="16px"
62+
py="12px"
6363
>
6464
<Text
65-
color='$text'
66-
textAlign='right'
67-
typography='buttonSmid'
65+
color="$text"
66+
textAlign="right"
67+
typography="buttonSmid"
6868
>
6969
{component
70-
.split('-')
70+
.split("-")
7171
.map(
7272
(item) => item.charAt(0).toUpperCase() + item.slice(1)
7373
)
74-
.join(' ')}
74+
.join(" ")}
7575
</Text>
7676
</Flex>
7777
</Card>
@@ -80,57 +80,57 @@ export default function Page() {
8080
})}
8181
</Grid>
8282
</VStack>
83-
<VStack gap='16px' overflow='visible' py='30px'>
84-
<Text color='$title' typography='h6'>
83+
<VStack gap="16px" overflow="visible" py="30px">
84+
<Text color="$title" typography="h6">
8585
Layout
8686
</Text>
8787
<Grid
88-
gap={['10px', null, null, null, '20px']}
88+
gap={["10px", null, null, null, "20px"]}
8989
gridTemplateColumns={[
90-
'repeat(1, 1fr)',
91-
'repeat(3, 1fr)',
90+
"repeat(1, 1fr)",
91+
"repeat(3, 1fr)",
9292
null,
93-
'repeat(4, 1fr)',
94-
'repeat(5, 1fr)',
93+
"repeat(4, 1fr)",
94+
"repeat(5, 1fr)",
9595
]}
96-
overflow='visible'
96+
overflow="visible"
9797
>
9898
{COMPONENT_GROUPS.Layout.map((component) => {
9999
const Icon =
100100
Icons[
101101
`Icon${component
102-
.split('-')
102+
.split("-")
103103
.map((item) => item.charAt(0).toUpperCase() + item.slice(1))
104-
.join('')}Comp`
104+
.join("")}Comp`
105105
];
106106
return (
107107
<Link
108108
key={component}
109-
className={css({ textDecoration: 'none' })}
109+
className={css({ textDecoration: "none" })}
110110
href={`/components/${component}`}
111111
>
112112
<Card>
113-
<Center h='140px'>
114-
<Icon className={css({ w: '100%' })} />
113+
<Center h="140px">
114+
<Icon className={css({ w: "100%" })} />
115115
</Center>
116116
<Flex
117-
alignItems='center'
118-
borderTop='1px solid $border'
119-
gap='10px'
120-
px='16px'
121-
py='12px'
117+
alignItems="center"
118+
borderTop="1px solid $border"
119+
gap="10px"
120+
px="16px"
121+
py="12px"
122122
>
123123
<Text
124-
color='$text'
125-
textAlign='right'
126-
typography='buttonSmid'
124+
color="$text"
125+
textAlign="right"
126+
typography="buttonSmid"
127127
>
128128
{component
129-
.split('-')
129+
.split("-")
130130
.map(
131131
(item) => item.charAt(0).toUpperCase() + item.slice(1)
132132
)
133-
.join(' ')}
133+
.join(" ")}
134134
</Text>
135135
</Flex>
136136
</Card>
@@ -139,57 +139,57 @@ export default function Page() {
139139
})}
140140
</Grid>
141141
</VStack>
142-
<VStack gap='16px' overflow='visible' py='30px'>
143-
<Text color='$title' typography='h6'>
142+
<VStack gap="16px" overflow="visible" py="30px">
143+
<Text color="$title" typography="h6">
144144
Theme
145145
</Text>
146146
<Grid
147-
gap={['10px', null, null, null, '20px']}
147+
gap={["10px", null, null, null, "20px"]}
148148
gridTemplateColumns={[
149-
'repeat(1, 1fr)',
150-
'repeat(3, 1fr)',
149+
"repeat(1, 1fr)",
150+
"repeat(3, 1fr)",
151151
null,
152-
'repeat(4, 1fr)',
153-
'repeat(5, 1fr)',
152+
"repeat(4, 1fr)",
153+
"repeat(5, 1fr)",
154154
]}
155-
overflow='visible'
155+
overflow="visible"
156156
>
157157
{COMPONENT_GROUPS.Theme.map((component) => {
158158
const Icon =
159159
Icons[
160160
`Icon${component
161-
.split('-')
161+
.split("-")
162162
.map((item) => item.charAt(0).toUpperCase() + item.slice(1))
163-
.join('')}Comp`
163+
.join("")}Comp`
164164
];
165165
return (
166166
<Link
167167
key={component}
168-
className={css({ textDecoration: 'none' })}
168+
className={css({ textDecoration: "none" })}
169169
href={`/components/${component}`}
170170
>
171171
<Card>
172-
<Center h='140px'>
173-
<Icon className={css({ w: '100%' })} />
172+
<Center h="140px">
173+
<Icon className={css({ w: "100%" })} />
174174
</Center>
175175
<Flex
176-
alignItems='center'
177-
borderTop='1px solid $border'
178-
gap='10px'
179-
px='16px'
180-
py='12px'
176+
alignItems="center"
177+
borderTop="1px solid $border"
178+
gap="10px"
179+
px="16px"
180+
py="12px"
181181
>
182182
<Text
183-
color='$text'
184-
textAlign='right'
185-
typography='buttonSmid'
183+
color="$text"
184+
textAlign="right"
185+
typography="buttonSmid"
186186
>
187187
{component
188-
.split('-')
188+
.split("-")
189189
.map(
190190
(item) => item.charAt(0).toUpperCase() + item.slice(1)
191191
)
192-
.join(' ')}
192+
.join(" ")}
193193
</Text>
194194
</Flex>
195195
</Card>

0 commit comments

Comments
 (0)