Update layout and improve Discord component styles; bump package dependencies

Author: owjs3901

apps/landing/public/discord-bg.svg

@@ -19,7 +19,11 @@ export default function DetailLayout({
         <Box className="markdown-body" flex={1} px="60px" py="40px">
           {children}
         </Box>
-        <RightIndex />
+        <Box>
+          <Box pos="sticky" top={['50px', null, '70px']}>
+            <RightIndex />
+          </Box>
+        </Box>
       </Flex>
     </>
   )

apps/landing/src/app/(detail)/docs/layout.tsx

@@ -9,8 +9,9 @@ export function Discord() {
       alignItems="center"
       bgColor="$joinBg"
       bgImage={`url(${URL_PREFIX}/discord-bg.svg)`}
-      bgPositionY={['bottom', null, 'initial']}
-      bgSize={['contain', null, 'initial']}
+      bgPositionX={['-20vw', null, '-30%']}
+      bgPositionY="bottom"
+      bgSize={['contain', null, '70%']}
       borderRadius="40px 40px 0px 40px"
       h="380px"
       justifyContent={[null, null, 'center']}
@@ -22,7 +23,7 @@ export function Discord() {
         ml={[null, null, 'auto']}
         pr={[null, null, '100px']}
       >
-        <VStack gap="16px" textAlign={['center', null, 'left']}>
+        <VStack gap="16px" px={5} textAlign={['center', null, 'left']}>
           <Text color="$title" typography="h4">
             Join our community
           </Text>

apps/landing/src/components/Discord.tsx

@@ -10,7 +10,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@chakra-ui/react": "^3.5.0",
+    "@chakra-ui/react": "^3.6.0",
     "@emotion/react": "^11.14.0",
     "next": "^15.1.6",
     "next-themes": "^0.4.4",

benchmark/next-chakra-ui/package.json

@@ -13,16 +13,16 @@
   },
   "devDependencies": {
     "eslint-plugin-devup": "^2.0.1",
-    "eslint": "^9.18.0",
-    "vitest": "^3.0.4",
-    "@vitest/coverage-v8": "^3.0.4",
-    "@changesets/cli": "^2.27.11",
-    "@types/node": "^22.10.10",
-    "happy-dom": "^16.7.2",
+    "eslint": "^9.19.0",
+    "vitest": "^3.0.5",
+    "@vitest/coverage-v8": "^3.0.5",
+    "@changesets/cli": "^2.27.12",
+    "@types/node": "^22.13.1",
+    "happy-dom": "^16.8.1",
     "@testing-library/react": "^16.2.0"
   },
   "author": "devfive",
-  "packageManager": "pnpm@9.15.4",
+  "packageManager": "pnpm@10.2.0",
   "resolutions": {
     "vite": "^6"
   }

package.json

@@ -29,7 +29,7 @@
   "devDependencies": {
     "vite": "^6.0.11",
     "vite-plugin-dts": "^4.5.0",
-    "vitest": "^3.0.4",
+    "vitest": "^3.0.5",
     "typescript": "^5.7.3"
   },
   "peerDependencies": {

packages/next-plugin/package.json

@@ -30,7 +30,7 @@
     "rollup-plugin-preserve-directives": "^0.4.0",
     "vite": "^6.0.11",
     "vite-plugin-dts": "^4.5.0",
-    "vitest": "^3.0.4",
+    "vitest": "^3.0.5",
     "typescript": "^5.7.3",
     "@types/react": "^19"
   },

packages/react/package.json

@@ -38,7 +38,7 @@
     "vite": "^6.0.11",
     "@types/webpack": "^5.28.5",
     "vite-plugin-dts": "^4.5.0",
-    "vitest": "^3.0.4",
+    "vitest": "^3.0.5",
     "typescript": "^5.7.3"
   }
 }