feat(navbar) update navbar

tailwind.config.ts

@@ -1,6 +1,7 @@
 import { nextui } from '@nextui-org/react';
 
 import type { Config } from 'tailwindcss';
+import plugin from 'tailwindcss/plugin';
 
 const config: Config = {
     content: [
@@ -16,20 +17,42 @@ const config: Config = {
     plugins: [
         require('@tailwindcss/typography'),
         nextui(
-        {
-            // defaultTheme: 'dark',
-            defaultExtendTheme: 'light',
-            themes: {
-                'light': {
-                    layout: {},
-                    colors: {}
-                },
-                'dark': {
-                    layout: {},
-                    colors: {}
+            {
+                // defaultTheme: 'dark',
+                defaultExtendTheme: 'light',
+                themes: {
+                    'light': {
+                        layout: {},
+                        colors: {}
+                    },
+                    'dark': {
+                        layout: {},
+                        colors: {}
+                    }
                 }
             }
-        }
-    ) ]
+        ),
+        plugin(function ({ addUtilities, addComponents, e, config }) {
+            addUtilities(
+                {
+                    '.horizontal-tb': {
+                        writingMode: 'horizontal-tb'
+                    },
+                    '.vertical-rl': {
+                        writingMode: 'vertical-rl'
+                    },
+                    '.vertical-lr': {
+                        writingMode: 'vertical-lr'
+                    },
+                    '.sideways-lr': {
+                        writingMode: 'sideways-lr'
+                    },
+                    '.sideways-rl': {
+                        writingMode: 'sideways-rl'
+                    }
+                }
+            );
+        })
+    ]
 };
 export default config;