@stlhorizon/vue-ui 2.0.0 → 2.0.2

package/dist/index.esm.js

@@ -10328,7 +10328,7 @@ const td = {
 }, ym = {
   key: 0,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, pm = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, xm = { class: "flex items-center justify-between p-4" }, wm = { class: "flex-1 text-lg font-bold text-gray-900 ml-2" }, km = { class: "p-3" }, Sm = { class: "space-y-1" }, Cm = {
+}, pm = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, xm = { class: "flex items-center justify-between p-4" }, wm = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, km = { class: "p-3" }, Sm = { class: "space-y-1" }, Cm = {
   key: 0,
   class: "absolute left-0 top-1/2 transform -translate-y-1/2 w-1 h-8 bg-gradient-to-b from-blue-500 to-blue-600 rounded-r-full"
 }, $m = {
@@ -10390,7 +10390,7 @@ const td = {
     }), z = (O) => {
       r("navigate", O), s.value && $();
       const U = o.value && d.value && d.value.subItems.some((M) => M.route === O.route), ae = c.value && n.managementSettings.some((M) => M.route === O.route);
-      U || ae || V();
+      (s.value || !(U || ae)) && V();
     }, $ = () => {
       r("update:mobileOpen", !1);
     }, k = (O) => O.subItems && O.subItems.length > 0, h = (O) => {
@@ -10596,7 +10596,7 @@ const td = {
               class: f(
                 N(x)(
                   "fixed z-40 bg-white border-r border-gray-200 overflow-y-auto shadow-lg",
-                  s.value ? "left-0 w-full top-0 h-screen" : "w-64 top-16 h-[calc(100vh-4rem)]"
+                  s.value ? "left-0 w-52 top-20 h-screen" : "w-56 top-16 h-[calc(100vh-4rem)]"
                 )
               ),
               style: ce(b.value)
@@ -10684,12 +10684,12 @@ const td = {
               class: f(
                 N(x)(
                   "fixed z-40 bg-white border-r border-gray-200 overflow-y-auto shadow-lg",
-                  s.value ? "left-0 w-full top-0 h-full" : "w-64 h-[calc(100vh-4rem)]"
+                  s.value ? "left-0 w-52 top-0 h-full" : "w-56 h-[calc(100vh-4rem)]"
                 )
               ),
               style: ce({ ...S.value, top: s.value ? "0px" : "4rem" })
             }, [
-              i("div", { class: "sticky top-0 z-10 bg-white border-b border-gray-200" }, [
+              i("div", { class: "sticky top-20 z-10 bg-white border-b border-gray-200" }, [
                 i("div", { class: "flex items-center justify-between p-4" }, [
                   i("button", {
                     onClick: L,
@@ -10710,7 +10710,7 @@ const td = {
                       })
                     ], -1)
                   ])]),
-                  U[3] || (U[3] = i("h3", { class: "flex-1 text-lg font-bold text-gray-900 ml-2" }, "Management Settings", -1))
+                  U[3] || (U[3] = i("h3", { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, "Management Settings", -1))
                 ])
               ]),
               i("nav", zm, [
@@ -10731,7 +10731,7 @@ const td = {
                       i("div", {
                         class: f(
                           N(x)(
-                            "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
+                            "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors",
                             D(M) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                           )
                         )
@@ -10768,7 +10768,7 @@ const td = {
           default: E(() => [
             (o.value || c.value) && s.value ? (l(), u("div", {
               key: 0,
-              class: "fixed inset-0 z-30 bg-black bg-opacity-50",
+              class: "fixed inset-0 z-30 bg-transparent",
               onClick: V
             })) : g("", !0)
           ]),