fix: change budge width bounds

Petr Kachanovsky · Petr Kachanovsky · commit 5ff261e03df9 · 2025-01-15T10:40:40.000+02:00
diff --git a/adminforth/spa/src/components/MenuLink.vue b/adminforth/spa/src/components/MenuLink.vue
@@ -12,8 +12,9 @@
   >
     <component v-if="item.icon" :is="getIcon(item.icon)" class="w-5 h-5 text-lightSidebarIcons dark:text-darkSidebarIcons  transition duration-75  group-hover:text-lightSidebarIconsHover dark:group-hover:text-darkSidebarIconsHover" ></component>
     <span class="ms-3">{{ item.label }}</span>
-    <span v-if="item.badge" class="inline-flex items-center justify-center w-3 h-3 p-3 ms-3 text-sm font-medium rounded-full bg-lightAnnouncementBG dark:bg-darkAnnouncementBG 
+    <span v-if="item.badge" class="inline-flex items-center justify-center h-3 p-3 ms-3 text-sm font-medium rounded-full bg-lightAnnouncementBG dark:bg-darkAnnouncementBG 
           fill-lightAnnouncementText dark:fill-darkAccent text-lightAnnouncementText dark:text-darkAccent"
+      style="min-width: 1.5rem; max-width: 3rem;"
     >
           
         <Tooltip v-if="item.badgeTooltip">

Original file line number	Diff line number	Diff line change
`@@ -12,8 +12,9 @@`
`12`	`12`	`>`
`13`	`13`	`<component v-if="item.icon" :is="getIcon(item.icon)" class="w-5 h-5 text-lightSidebarIcons dark:text-darkSidebarIcons transition duration-75 group-hover:text-lightSidebarIconsHover dark:group-hover:text-darkSidebarIconsHover" ></component>`
`14`	`14`	`<span class="ms-3">{{ item.label }}</span>`
`15`		`- <span v-if="item.badge" class="inline-flex items-center justify-center w-3 h-3 p-3 ms-3 text-sm font-medium rounded-full bg-lightAnnouncementBG dark:bg-darkAnnouncementBG`
	`15`	`+ <span v-if="item.badge" class="inline-flex items-center justify-center h-3 p-3 ms-3 text-sm font-medium rounded-full bg-lightAnnouncementBG dark:bg-darkAnnouncementBG`
`16`	`16`	`fill-lightAnnouncementText dark:fill-darkAccent text-lightAnnouncementText dark:text-darkAccent"`
	`17`	`+ style="min-width: 1.5rem; max-width: 3rem;"`
`17`	`18`	`>`
`18`	`19`
`19`	`20`	`<Tooltip v-if="item.badgeTooltip">`