feat: 添加博客主题样式文件

src/components/menuH.vue

@@ -1,11 +1,11 @@
 <template>
   <div ref="nav" class="main-nav hidden lg:flex justify-between bg-white">
     <!-- 网站Logo -->
-    <div class="px-5 items-centerflex cursor-pointer" slot="brand" @click="goHome">
+    <div class="px-5 items-centerflex cursor-pointer w-1/5" slot="brand" @click="goHome">
       <img :src="logo" alt="柚子的网站" class="h-9 align-middle" />
     </div>
     <!-- 主导航菜单 -->
-    <div>
+    <div class="w-2/5">
       <n-menu :icon-size="12" v-model:value="activeKey" class="" mode="horizontal" :options="menuOptions" />
     </div>
     <!-- 用户区域 -->
@@ -22,7 +22,7 @@
       <span class="weather-info ml-4">{{ temp }}°C</span>
     </div>
 
-    <div class="flex items-center mr-8">
+    <div class="flex items-center justify-end mr-8 w-1/20">
       <n-dropdown class="cursor-pointer w-[100px]" v-if="userinfo" :options="oprOp" @select="handleSelect"
         trigger="hover">
         <div class="flex items-center">