Skip to content

Commit 13f18af

Browse files
belltalionbelltalion
authored
Merge pull request #213 from forestream/feat-overview
Feat overview
2 parents 71afd28 + 1b6c089 commit 13f18af

33 files changed

Lines changed: 2707 additions & 19 deletions

‎apps/landing/devup.json‎

Lines changed: 45 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@
3838
"kakaoButtonActive": "#B77D00"
3939
},
4040
"dark": {
41-
"primary": "#737FE4",
41+
"primary": "#6670F9",
4242
"secondary": "#2A4586",
4343
"link": "#006BFF",
4444
"text": "#EDEDED",
@@ -237,7 +237,7 @@
237237
{
238238
"fontFamily": "Pretendard",
239239
"fontStyle": "normal",
240-
"fontWeight": 600,
240+
"fontWeight": 700,
241241
"fontSize": "24px",
242242
"lineHeight": 1.3,
243243
"letterSpacing": "-0.03em"
@@ -350,7 +350,7 @@
350350
{
351351
"fontFamily": "Pretendard",
352352
"fontStyle": "normal",
353-
"fontWeight": 600,
353+
"fontWeight": 700,
354354
"fontSize": "30px",
355355
"lineHeight": 1.3,
356356
"letterSpacing": "-0.03em"
@@ -427,14 +427,27 @@
427427
"letterSpacing": "-0.03em"
428428
}
429429
],
430-
"captionBold": {
431-
"fontFamily": "Pretendard",
432-
"fontStyle": "normal",
433-
"fontWeight": 700,
434-
"fontSize": "14px",
435-
"lineHeight": 1.3,
436-
"letterSpacing": "-0.03em"
437-
},
430+
"captionBold": [
431+
{
432+
"fontFamily": "Pretendard",
433+
"fontStyle": "normal",
434+
"fontWeight": 700,
435+
"fontSize": "13px",
436+
"lineHeight": 1.3,
437+
"letterSpacing": "-0.03em"
438+
},
439+
null,
440+
null,
441+
null,
442+
{
443+
"fontFamily": "Pretendard",
444+
"fontStyle": "normal",
445+
"fontWeight": 700,
446+
"fontSize": "14px",
447+
"lineHeight": 1.3,
448+
"letterSpacing": "-0.03em"
449+
}
450+
],
438451
"textSbold": {
439452
"fontFamily": "Pretendard",
440453
"fontStyle": "normal",
@@ -485,14 +498,27 @@
485498
"letterSpacing": "-0.03em"
486499
}
487500
],
488-
"bodyReg": {
489-
"fontFamily": "Pretendard",
490-
"fontStyle": "normal",
491-
"fontWeight": 400,
492-
"fontSize": "16px",
493-
"lineHeight": 1.5,
494-
"letterSpacing": "-0.03em"
495-
},
501+
"bodyReg": [
502+
{
503+
"fontFamily": "Pretendard",
504+
"fontStyle": "normal",
505+
"fontWeight": 400,
506+
"fontSize": "14px",
507+
"lineHeight": 1.5,
508+
"letterSpacing": "-0.03em"
509+
},
510+
null,
511+
null,
512+
null,
513+
{
514+
"fontFamily": "Pretendard",
515+
"fontStyle": "normal",
516+
"fontWeight": 400,
517+
"fontSize": "16px",
518+
"lineHeight": 1.5,
519+
"letterSpacing": "-0.03em"
520+
}
521+
],
496522
"smallBold": {
497523
"fontFamily": "Pretendard",
498524
"fontStyle": "normal",

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

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
import { VStack } from '@devup-ui/react'
2+
3+
export default function Card({ children }: { children: React.ReactNode }) {
4+
return (
5+
<VStack
6+
_active={{
7+
boxShadow: 'none',
8+
transform: 'scale(0.95)',
9+
}}
10+
_hover={{
11+
boxShadow: '0 0 20px 0 rgba(0, 0, 0, 0.15)',
12+
}}
13+
bg="$containerBackground"
14+
border="1px solid $border"
15+
borderRadius="10px"
16+
cursor="pointer"
17+
transition="all 0.2s ease"
18+
>
19+
{children}
20+
</VStack>
21+
)
22+
}

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

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
import { VStack } from '@devup-ui/react'
2+
3+
import { MenuItem } from '../docs/MenuItem'
4+
5+
export function LeftMenu() {
6+
return (
7+
<VStack gap="6px">
8+
<MenuItem to="/components/overview">Overview</MenuItem>
9+
<MenuItem
10+
subMenu={[
11+
{ to: '/components/form/button', children: 'Button' },
12+
{ to: '/components/form/text-box', children: 'Text box' },
13+
{ to: '/components/form/text-area', children: 'Text area' },
14+
{ to: '/components/form/dropdown', children: 'Dropdown' },
15+
{ to: '/components/form/radio', children: 'Radio' },
16+
{ to: '/components/form/checkbox', children: 'Checkbox' },
17+
{ to: '/components/form/stepper', children: 'Stepper' },
18+
{ to: '/components/form/toggle', children: 'Toggle' },
19+
{ to: '/components/form/slider', children: 'Slider' },
20+
{ to: '/components/form/date-picker', children: 'Date picker' },
21+
{ to: '/components/form/color-picker', children: 'Color picker' },
22+
{ to: '/components/form/uploader', children: 'Uploader' },
23+
{ to: '/components/form/pagination', children: 'Pagination' },
24+
{ to: '/components/form/progress-bar', children: 'Progress Bar' },
25+
{ to: '/components/form/search', children: 'Search' },
26+
{ to: '/components/form/select', children: 'Select' },
27+
{ to: '/components/form/label', children: 'Label' },
28+
]}
29+
>
30+
Form
31+
</MenuItem>
32+
<MenuItem
33+
subMenu={[
34+
{ to: '/components/layout/footer', children: 'Footer' },
35+
{ to: '/components/layout/tooltip', children: 'Tooltip' },
36+
{ to: '/components/layout/tab', children: 'Tab' },
37+
{ to: '/components/layout/menu', children: 'Menu' },
38+
{ to: '/components/layout/header', children: 'Header' },
39+
{ to: '/components/layout/confirm', children: 'Confirm' },
40+
{ to: '/components/layout/snackbar', children: 'Snackbar' },
41+
{ to: '/components/layout/bottom-sheet', children: 'Bottom sheet' },
42+
]}
43+
>
44+
Layout
45+
</MenuItem>
46+
<MenuItem
47+
subMenu={[
48+
{ to: '/components/theme/theme-button', children: 'Theme Button' },
49+
]}
50+
>
51+
Theme
52+
</MenuItem>
53+
</VStack>
54+
)
55+
}

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

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
import { Box, Flex } from '@devup-ui/react'
2+
3+
import { RightIndex } from '../docs/RightIndex'
4+
import { LeftMenu } from './LeftMenu'
5+
6+
export default function Layout({
7+
children,
8+
}: Readonly<{ children: React.ReactNode }>) {
9+
return (
10+
<>
11+
<Flex maxW="1920px" minH="calc(100vh - 500px)" mx="auto" w="100%">
12+
<Box display={['none', null, 'initial']} p="20px 16px" w="220px">
13+
<Box pos="sticky" top={['70px', null, '90px']}>
14+
<LeftMenu />
15+
</Box>
16+
</Box>
17+
<Box className="markdown-body" flex={1}>
18+
{children}
19+
</Box>
20+
<Box display={['none', null, null, null, null, 'initial']}>
21+
<Box pos="sticky" top={['50px', null, '70px']}>
22+
<RightIndex />
23+
</Box>
24+
</Box>
25+
</Flex>
26+
</>
27+
)
28+
}

0 commit comments

Comments
 (0)