feat: change order of tailwind-config docs navbar

pixiv · Dec 18, 2023 · c2de6f7 · c2de6f7
1 parent 2c2487f
commit c2de6f7
Showing 1 changed file with 13 additions and 13 deletions.
diff --git a/docs/src/components/NavList.tsx b/docs/src/components/NavList.tsx
@@ -90,6 +90,17 @@ const iconsList: ListItem[] = [
   },
 ]
 
+const tailwindConfigList: ListItem[] = [
+  {
+    text: 'クイックスタート',
+    href: '/@charcoal-ui/tailwind-config/quickstart',
+  },
+  {
+    text: 'カスタマイズする',
+    href: '/@charcoal-ui/tailwind-config/customize',
+  },
+]
+
 const tailwindDiffList: ListItem[] = [
   {
     text: 'クイックスタート',
@@ -150,16 +161,6 @@ const themeList: ListItem[] = [
     href: '/@charcoal-ui/theme/colors',
   },
 ]
-const tailwindConfigList: ListItem[] = [
-  {
-    text: 'クイックスタート',
-    href: '/@charcoal-ui/tailwind-config/quickstart',
-  },
-  {
-    text: 'カスタマイズする',
-    href: '/@charcoal-ui/tailwind-config/customize',
-  },
-]
 
 export const NavList: FC<{ className?: string }> = (props) => {
   const router = useRouter()
@@ -200,16 +201,15 @@ export const NavList: FC<{ className?: string }> = (props) => {
       {reactList.map(renderListItem)}
       <ListItemHeader>@charcoal-ui/icons</ListItemHeader>
       {iconsList.map(renderListItem)}
+      <ListItemHeader>@charcoal-ui/tailwind-config</ListItemHeader>
+      {tailwindConfigList.map(renderListItem)}
       <ListItemHeader>@charcoal-ui/tailwind-diff</ListItemHeader>
       {tailwindDiffList.map(renderListItem)}
       <ListItemHeader>@charcoal-ui/foundation</ListItemHeader>
       {foundationList.map(renderListItem)}
       <ListItemHeader>@charcoal-ui/theme</ListItemHeader>
       {themeList.map(renderListItem)}
       <ListItemHeader>Links</ListItemHeader>
-      <ListItemHeader>@charcoal-ui/tailwind-config</ListItemHeader>
-      {tailwindConfigList.map(renderListItem)}
-      <ListItemHeader>Links</ListItemHeader>
       <ExternalLink href="https://github.com/pixiv/charcoal" text="GitHub" />
       <ExternalLink href="https://pixiv.github.io/charcoal/" text="Storybook" />
       <div