feat: admin tabs

layouts/default.vue

@@ -78,9 +78,20 @@ const open_login_modal = () => {
           />
           <UButton v-if="!loginState.is_logged_in" label="登录或注册" size="xs" class="font-bold" color="indigo"
                    @click="open_login_modal"/>
-          <UDropdown v-if="loginState.is_logged_in" :items="items" :popper="{ placement: 'bottom-start' }"
-                     :ui="{ item: { disabled: 'cursor-text select-text' } }">
-            <UAvatar :src="void 0" icon="i-tabler-user" size="md"/>
+          <UDropdown
+            v-if="loginState.is_logged_in"
+            :items="items"
+            :popper="{ placement: 'bottom-start' }"
+            :ui="{ item: { disabled: 'cursor-text select-text' } }"
+          >
+            <UAvatar
+              :alt="loginState.user.username.toUpperCase()"
+              :src="loginState.user.avatar"
+              chip-color="amber"
+              chip-position="bottom-right"
+              chip-text="OP"
+              size="md"
+            />
             <template #account="{ item }">
               <div class="text-left">
                 <p class="flex items-center gap-1">
@@ -136,6 +147,7 @@ body {
   background-clip: content-box;
   border: 1px solid transparent
 }
+
 /*
 *::-webkit-scrollbar {
   @apply w-1.5 h-1.5;