feat(navbar) update navbar

app/about/page.tsx

@@ -1,8 +1,12 @@
 import React from 'react';
+import ConstructionPlaceHolder from '@/components/ConstructionPlaceHolder';
 
 function About() {
     return (
-        <div></div>
+        <div className={ `h-dvh` }>
+            <ConstructionPlaceHolder />
+        </div>
+
     );
 }
 

app/archive/page.tsx

@@ -1,9 +1,10 @@
 import React from 'react';
+import ConstructionPlaceHolder from '@/components/ConstructionPlaceHolder';
 
 const Archive = () => {
     return (
-        <div>
-
+        <div className={ `h-dvh` }>
+            <ConstructionPlaceHolder />
         </div>
     );
 };

app/page.tsx

@@ -1,7 +1,12 @@
+import ConstructionPlaceHolder from '@/components/ConstructionPlaceHolder';
+import React from 'react';
+
 export default function Home() {
     return (
         <main>
-            {/*<ThemeSwitcher />*/ }
+            <div className={ `h-dvh` }>
+                <ConstructionPlaceHolder />
+            </div>
         </main>
     );
 }

app/search/page.tsx

@@ -1,10 +1,12 @@
 import React from 'react';
+import ConstructionPlaceHolder from '@/components/ConstructionPlaceHolder';
 
 const Search = () => {
     return (
-        <div>
-
+        <div className={ `h-dvh` }>
+            <ConstructionPlaceHolder />
         </div>
+
     );
 };
 

app/tags/page.tsx

@@ -1,9 +1,10 @@
 import React from 'react';
+import ConstructionPlaceHolder from '@/components/ConstructionPlaceHolder';
 
 const Tags = () => {
     return (
-        <div>
-
+        <div className={ `h-dvh` }>
+            <ConstructionPlaceHolder />
         </div>
     );
 };

components/ConstructionPlaceHolder.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+
+const ConstructionPlaceHolder = () => {
+    return (
+        <div className={ `flex h-full w-full justify-center items-center` }>
+            <p className={ `text-2xl font-bold` }>
+                正在施工中...
+            </p>
+        </div>
+    );
+};
+
+export default ConstructionPlaceHolder;

components/Navbar.tsx

@@ -153,8 +153,8 @@ function Navbar() {
                     </div>
 
                     <div
-                        className={ `flex justify-center md:justify-start mt-8 ml-0 md:-ml-3` }>
-                        <ul className={ `flex flex-col space-y-2` }>
+                        className={ `flex justify-center md:justify-start w-full mt-8 ml-0 md:-ml-3` }>
+                        <ul className={ `flex flex-col space-y-2 w-full` }>
                             {
                                 entries.map((meta, key) => (
                                     <li key={ key }>

tailwind.config.ts

@@ -45,10 +45,12 @@ const config: Config = {
                         writingMode: 'vertical-lr'
                     },
                     '.sideways-lr': {
-                        writingMode: 'sideways-lr'
+                        writingMode: 'vertical-lr',
+                        transform: 'rotate(180deg)'
                     },
                     '.sideways-rl': {
-                        writingMode: 'sideways-rl'
+                        writingMode: 'sideways-rl',
+                        transform: 'rotate(180deg)'
                     }
                 }
             );