docs: fix tabs layout of install page (#707)

geist-org · Feb 2, 2022 · 18c6f7f · 18c6f7f
1 parent 804df44
commit 18c6f7f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/pages/en-us/guide/installation.mdx b/pages/en-us/guide/installation.mdx
@@ -23,7 +23,7 @@ Also, Geist is based on the component library of framework React, which means yo
 <Tabs
   initialValue="yarn"
   hideDivider
-  align="right"
+  align="flex-end"
   mt="-46px"
   className="installation-tabs">
   <Tabs.Item label="Yarn" value="yarn">
@@ -177,8 +177,8 @@ A classic use case is to add the following config to the `.babelrc`:
 
 There are some differences in the way Tree Shaking is added to different scaffolds, you can refer to the following examples.
 
-- [CRA 项目示例](https://github.com/geist-org/geist-ui/blob/master/examples/tree-shaking-create-react-app/README.md) (create-react-app)
-- [Next.js 项目示例](https://github.com/geist-org/geist-ui/blob/master/examples/tree-shaking-nextjs/README.md)
-- [Webpack 项目示例](https://github.com/geist-org/geist-ui/blob/master/examples/tree-shaking-webpack/README.md)
+- [CRA with TreeShaking](https://github.com/geist-org/geist-ui/blob/master/examples/tree-shaking-create-react-app/README.md)
+- [Next.js with TreeShaking](https://github.com/geist-org/geist-ui/blob/master/examples/tree-shaking-nextjs/README.md)
+- [Webpack with TreeShaking](https://github.com/geist-org/geist-ui/blob/master/examples/tree-shaking-webpack/README.md)
 
 export default ({ children }) => <Layout meta={meta}>{children}</Layout>
diff --git a/pages/zh-cn/guide/installation.mdx b/pages/zh-cn/guide/installation.mdx
@@ -23,7 +23,7 @@ export const meta = {
 <Tabs
   initialValue="yarn"
   hideDivider
-  align="right"
+  align="flex-end"
   mt="-46px"
   className="installation-tabs">
   <Tabs.Item label="Yarn" value="yarn">