⚡ enhance (appsidebar): improve sidebar navigation spacing and appearance

2025-09-03 22:11:58 +07:00
parent 28634d8a64
commit bdc3e837f9
3 changed files with 248 additions and 102 deletions
@@ -21,12 +21,12 @@ const { setOpenMobile } = useSidebar()
      <SidebarMenuButton as-child :tooltip="item.title" :size="size" class="">
        <NuxtLink
          :to="item.link"
-          class="group flex items-center gap-3 rounded-lg px-3 py-4 text-sm font-medium transition-all duration-200"
+          class="group flex items-center gap-3 rounded-lg px-2 py-4 text-sm font-medium transition-all duration-200"
          active-class="bg-primary text-white"
          @click="setOpenMobile(false)"
        >
          <Icon :name="item.icon || ''" mode="svg" />
-          <span>{{ item.title }}</span>
+          <span class="mx-1">{{ item.title }}</span>
          <span
            v-if="item.new"
            class="bg-#adfa1d rounded-md px-1.5 py-0.5 text-xs leading-none text-black no-underline group-hover:no-underline"