Skip to content

Commit 58c2a1d

Browse files
owjs3901owjs3901
committed
Impelement New landing
1 parent b82bae5 commit 58c2a1d

File tree

16 files changed

+1811
-1895
lines changed

16 files changed

+1811
-1895
lines changed

‎apps/landing/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,11 +16,11 @@
1616
"@devup-ui/reset-css": "workspace:*",
1717
"@mdx-js/loader": "^3.1.1",
1818
"@mdx-js/react": "^3.1.1",
19-
"@next/mdx": "^15.5.2",
19+
"@next/mdx": "^15.5.3",
2020
"@types/mdx": "^2.0.13",
2121
"body-scroll-lock": "3.1.5",
2222
"clsx": "^2.1.1",
23-
"next": "^15.5.2",
23+
"next": "^15.5.3",
2424
"react": "^19.1.1",
2525
"react-dom": "^19.1.1",
2626
"react-markdown": "^10.1.0",

‎apps/landing/src/app/StarButton.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,15 +28,15 @@ export default function StarButton() {
2828
).then((res) => res.json())
2929
setStarCount(data.stargazers_count)
3030
} catch (error) {
31-
console.error(error)
31+
if (error !== 'unmounted') console.error(error)
3232
} finally {
3333
setStarCount((prev) => (typeof prev === 'number' ? prev : -1))
3434
}
3535
}
3636
fetchStarCount()
3737

3838
return () => {
39-
abortController.abort()
39+
abortController.abort('unmounted')
4040
}
4141
}, [])
4242

‎apps/landing/src/components/Header/HeaderWrap.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,8 @@ export function HeaderWrap({ children }: { children: React.ReactNode }) {
1111
return (
1212
<Box
1313
pos={root ? 'fixed' : 'sticky'}
14-
pt={root ? [null, null, 5] : undefined}
15-
px={root ? [null, null, 4] : undefined}
14+
pt={root ? [null, null, null, 5] : undefined}
15+
px={root ? [null, null, null, 4] : undefined}
1616
top="0"
1717
transition="all, 0.2s"
1818
w="100%"
@@ -30,17 +30,17 @@ function HeaderWrapInner({ children }: { children: React.ReactNode }) {
3030
<Flex
3131
alignItems="center"
3232
bg="$containerBackground"
33-
borderRadius={root ? [null, null, '16px'] : undefined}
33+
borderRadius={root ? [null, null, null, '16px'] : undefined}
3434
boxShadow={
3535
root
3636
? '0px 2px 8px 0px var(--shadow, rgba(135, 135, 135, 0.25))'
3737
: '0px 1px 1px 0px var(--shadow, rgba(135, 135, 135, 0.25))'
3838
}
39-
h={['50px', null, '70px']}
39+
h={['50px', null, null, '70px']}
4040
justifyContent="space-between"
4141
maxW={root ? '1440px' : '100%'}
4242
mx="auto"
43-
px={[null, 5, '20px']}
43+
px={[null, null, 5, '20px']}
4444
>
4545
{children}
4646
</Flex>

‎apps/landing/src/components/Header/MobMenuButton.tsx‎

Lines changed: 17 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -13,24 +13,32 @@ export function MobMenuButton({ children }: MobMenuButtonProps) {
1313
return (
1414
<>
1515
<svg
16+
aria-label="Menu Button"
1617
className={css({
1718
color: '$text',
1819
})}
1920
fill="none"
2021
height="32"
21-
onClick={() => {
22-
replace(`?menu=${menu ? '0' : '1'}`)
23-
}}
22+
onClick={() => replace(`?menu=${menu ? '0' : '1'}`)}
2423
viewBox="0 0 32 32"
2524
width="32"
2625
xmlns="http://www.w3.org/2000/svg"
2726
>
28-
<path
29-
clipRule="evenodd"
30-
d="M5.33325 9.33333C5.33325 8.59695 5.93021 8 6.66659 8H25.3333C26.0696 8 26.6666 8.59695 26.6666 9.33333C26.6666 10.0697 26.0696 10.6667 25.3333 10.6667H6.66659C5.93021 10.6667 5.33325 10.0697 5.33325 9.33333ZM5.33325 16C5.33325 15.2636 5.93021 14.6667 6.66659 14.6667H25.3333C26.0696 14.6667 26.6666 15.2636 26.6666 16C26.6666 16.7364 26.0696 17.3333 25.3333 17.3333H6.66659C5.93021 17.3333 5.33325 16.7364 5.33325 16ZM6.66659 21.3333C5.93021 21.3333 5.33325 21.9303 5.33325 22.6667C5.33325 23.403 5.93021 24 6.66659 24H25.3333C26.0696 24 26.6666 23.403 26.6666 22.6667C26.6666 21.9303 26.0696 21.3333 25.3333 21.3333H6.66659Z"
31-
fill="currentColor"
32-
fillRule="evenodd"
33-
/>
27+
{menu ? (
28+
<path
29+
clipRule="evenodd"
30+
d="M24.9431 8.9428C25.4638 8.4221 25.4638 7.57788 24.9431 7.05718C24.4224 6.53648 23.5782 6.53648 23.0575 7.05718L16.0003 14.1144L8.94313 7.05718C8.42244 6.53648 7.57822 6.53648 7.05752 7.05718C6.53682 7.57788 6.53682 8.4221 7.05752 8.9428L14.1147 16L7.05752 23.0572C6.53682 23.5779 6.53682 24.4221 7.05752 24.9428C7.57822 25.4635 8.42244 25.4635 8.94313 24.9428L16.0003 17.8856L23.0575 24.9428C23.5782 25.4635 24.4224 25.4635 24.9431 24.9428C25.4638 24.4221 25.4638 23.5779 24.9431 23.0572L17.8859 16L24.9431 8.9428Z"
31+
fill="currentColor"
32+
fillRule="evenodd"
33+
/>
34+
) : (
35+
<path
36+
clipRule="evenodd"
37+
d="M5.33325 9.33333C5.33325 8.59695 5.93021 8 6.66659 8H25.3333C26.0696 8 26.6666 8.59695 26.6666 9.33333C26.6666 10.0697 26.0696 10.6667 25.3333 10.6667H6.66659C5.93021 10.6667 5.33325 10.0697 5.33325 9.33333ZM5.33325 16C5.33325 15.2636 5.93021 14.6667 6.66659 14.6667H25.3333C26.0696 14.6667 26.6666 15.2636 26.6666 16C26.6666 16.7364 26.0696 17.3333 25.3333 17.3333H6.66659C5.93021 17.3333 5.33325 16.7364 5.33325 16ZM6.66659 21.3333C5.93021 21.3333 5.33325 21.9303 5.33325 22.6667C5.33325 23.403 5.93021 24 6.66659 24H25.3333C26.0696 24 26.6666 23.403 26.6666 22.6667C26.6666 21.9303 26.0696 21.3333 25.3333 21.3333H6.66659Z"
38+
fill="currentColor"
39+
fillRule="evenodd"
40+
/>
41+
)}
3442
</svg>
3543
{menu && children}
3644
</>

‎apps/landing/src/components/Header/index.tsx‎

Lines changed: 30 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Box, css, Flex } from '@devup-ui/react'
1+
import { Box, Center, css, Flex } from '@devup-ui/react'
22
import Link from 'next/link'
33
import { Suspense } from 'react'
44

@@ -14,6 +14,21 @@ import { MobMenu } from './MobMenu'
1414
import { MobMenuButton } from './MobMenuButton'
1515
import { MobMenuWrapper } from './MobMenuWrapper'
1616
import { ThemeSwitch } from './ThemeSwitch'
17+
function HeaderIconWrap({ children }: { children: React.ReactNode }) {
18+
return (
19+
<Center
20+
_active={{
21+
transform: 'translateY(5px)',
22+
}}
23+
_hover={{
24+
scale: 1.05,
25+
}}
26+
transition="all 0.2s"
27+
>
28+
{children}
29+
</Center>
30+
)
31+
}
1732

1833
export function Header() {
1934
const top = (
@@ -26,17 +41,25 @@ export function Header() {
2641
href="https://github.com/dev-five-git/devup-ui"
2742
target="_blank"
2843
>
29-
<Github />
44+
<HeaderIconWrap>
45+
<Github />
46+
</HeaderIconWrap>
3047
</Link>
3148
</Flex>
3249
<Flex alignItems="center" px="10px">
33-
<Discord />
50+
<HeaderIconWrap>
51+
<Discord />
52+
</HeaderIconWrap>
3453
</Flex>
3554
<Flex alignItems="center" px="10px">
36-
<Kakao />
55+
<HeaderIconWrap>
56+
<Kakao />
57+
</HeaderIconWrap>
3758
</Flex>
3859
<Flex alignItems="center" px="10px">
39-
<ThemeSwitch />
60+
<HeaderIconWrap>
61+
<ThemeSwitch />
62+
</HeaderIconWrap>
4063
</Flex>
4164
</Flex>
4265
)
@@ -84,7 +107,7 @@ export function Header() {
84107
</Flex>
85108
<Flex
86109
alignItems="center"
87-
display={['none', null, 'flex']}
110+
display={['none', null, null, 'flex']}
88111
gap={[null, null, '4px', '10px']}
89112
>
90113
<Flex alignItems="center" px={[null, null, '0', '24px']}>
@@ -156,7 +179,7 @@ export function Header() {
156179
<Flex
157180
alignItems="center"
158181
cursor="pointer"
159-
display={['flex', null, 'none']}
182+
display={['flex', null, null, 'none']}
160183
gap="10px"
161184
p="10px"
162185
>

‎apps/next/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
"dependencies": {
1313
"react": "^19.1.1",
1414
"react-dom": "^19.1.1",
15-
"next": "^15.5.2",
15+
"next": "^15.5.3",
1616
"@devup-ui/react": "workspace:*"
1717
},
1818
"devDependencies": {

‎apps/rsbuild/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
"@devup-ui/react": "workspace:*"
1717
},
1818
"devDependencies": {
19-
"@rsbuild/core": "^1.5.6",
19+
"@rsbuild/core": "^1.5.7",
2020
"@rsbuild/plugin-react": "^1.4.0",
2121
"@devup-ui/rsbuild-plugin": "workspace:*"
2222
}

‎benchmark/next-chakra-ui/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,9 @@
1010
"lint": "next lint"
1111
},
1212
"dependencies": {
13-
"@chakra-ui/react": "^3.26.0",
13+
"@chakra-ui/react": "^3.27.0",
1414
"@emotion/react": "^11.14.0",
15-
"next": "^15.5.2",
15+
"next": "^15.5.3",
1616
"next-themes": "^0.4.6",
1717
"react": "^19.1.1",
1818
"react-dom": "^19.1.1",

‎benchmark/next-devup-ui-single/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
"dependencies": {
1313
"react": "^19.1.1",
1414
"react-dom": "^19.1.1",
15-
"next": "^15.5.2",
15+
"next": "^15.5.3",
1616
"@devup-ui/react": "workspace:*"
1717
},
1818
"devDependencies": {

‎benchmark/next-devup-ui/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
"dependencies": {
1313
"react": "^19.1.1",
1414
"react-dom": "^19.1.1",
15-
"next": "^15.5.2",
15+
"next": "^15.5.3",
1616
"@devup-ui/react": "workspace:*"
1717
},
1818
"devDependencies": {

0 commit comments

Comments
 (0)