@stlhorizon/vue-ui 3.26.1 → 3.26.2

package/dist/index.esm.js

@@ -12911,19 +12911,19 @@ const dc = {
   class: "h-6 sm:h-8 w-px bg-gray-300 shrink-0 hidden sm:block"
 }, Rg = {
   key: 3,
-  class: "shrink-0 bg-linear-to-r from-blue-50 via-indigo-50 to-purple-50 px-2 sm:px-4 py-1.5 sm:py-2 rounded-lg sm:rounded-xl border border-blue-200 shadow-sm flex items-center gap-2 sm:gap-3 relative hover:shadow-md transition-shadow max-w-[180px] sm:max-w-none"
+  class: "shrink-0 bg-linear-to-r from-blue-50 via-indigo-50 to-purple-50 px-2 py-1.5 rounded-lg border border-blue-200 shadow-sm flex items-center gap-2 relative hover:shadow-md transition-shadow max-w-[160px] sm:max-w-xs"
 }, Ug = {
   key: 0,
-  class: "shrink-0 hidden sm:block"
-}, qg = { class: "relative" }, Yg = ["src", "alt"], Hg = { class: "min-w-0 flex-1" }, Wg = { class: "text-xs sm:text-sm font-bold text-blue-900 truncate max-w-[120px] sm:max-w-[180px] group-hover:text-blue-700" }, Gg = { class: "flex items-center gap-1 sm:gap-1.5 mt-0.5 hidden sm:flex" }, Kg = {
+  class: "shrink-0"
+}, qg = { class: "relative" }, Yg = ["src", "alt"], Hg = { class: "min-w-0 flex-1" }, Wg = { class: "text-xs font-bold text-blue-900 truncate max-w-[100px] sm:max-w-40 group-hover:text-blue-700 leading-tight" }, Gg = { class: "flex items-center gap-1 mt-0.5" }, Kg = {
   key: 0,
-  class: "text-xs text-blue-700 truncate font-medium"
+  class: "text-[10px] sm:text-xs text-blue-700 truncate font-medium leading-tight"
 }, Xg = {
   key: 2,
   class: "min-w-0 flex-1"
-}, Jg = { class: "text-xs sm:text-sm font-bold text-blue-900 truncate max-w-[120px] sm:max-w-[180px]" }, Qg = { class: "flex items-center gap-1 sm:gap-1.5 mt-0.5 hidden sm:flex" }, Zg = {
+}, Jg = { class: "text-xs font-bold text-blue-900 truncate max-w-[100px] sm:max-w-40 leading-tight" }, Qg = { class: "flex items-center gap-1 mt-0.5" }, Zg = {
   key: 0,
-  class: "text-xs text-blue-700 truncate font-medium"
+  class: "text-[10px] sm:text-xs text-blue-700 truncate font-medium leading-tight"
 }, ev = {
   key: 0,
   class: "absolute top-full left-0 right-0 sm:left-0 sm:right-auto mt-2 w-full sm:w-80 bg-white rounded-xl shadow-xl border border-gray-200 z-50 max-h-96 overflow-hidden"
@@ -13116,14 +13116,14 @@ const dc = {
                   r("img", {
                     src: e.organisationLogo,
                     alt: `${e.currentOrganisation.organisation_name} logo`,
-                    class: "w-7 h-7 sm:w-10 sm:h-10 object-contain rounded-lg bg-white p-0.5 sm:p-1 border border-blue-200 shadow-sm"
+                    class: "w-6 h-6 sm:w-8 sm:h-8 object-contain rounded-md bg-white p-0.5 border border-blue-200 shadow-sm"
                   }, null, 8, Yg),
-                  j[4] || (j[4] = r("div", { class: "absolute -bottom-0.5 -right-0.5 w-2 h-2 sm:w-3 sm:h-3 bg-green-500 border-2 border-white rounded-full" }, null, -1))
+                  j[4] || (j[4] = r("div", { class: "absolute -bottom-0.5 -right-0.5 w-2 h-2 bg-green-500 border border-white rounded-full" }, null, -1))
                 ])
               ])) : g("", !0),
               e.organisations.length > 1 ? (s(), o("button", {
                 key: 1,
-                class: "flex items-center gap-1.5 sm:gap-2 min-w-0 cursor-pointer hover:bg-white/50 rounded-lg px-1.5 sm:px-2 py-1 sm:py-1.5 transition-all group",
+                class: "flex items-center gap-1.5 min-w-0 cursor-pointer hover:bg-white/50 rounded-md px-1.5 py-0.5 transition-all group flex-1",
                 onClick: $
               }, [
                 r("div", Hg, [
@@ -13131,21 +13131,21 @@ const dc = {
                   r("div", Gg, [
                     V(H, {
                       icon: "user",
-                      class: "w-3 h-3 text-blue-600 shrink-0"
+                      class: "w-2.5 h-2.5 text-blue-600 shrink-0"
                     }),
                     F.value ? (s(), o("p", Kg, x(F.value), 1)) : g("", !0)
                   ])
                 ]),
                 V(H, {
                   icon: "chevron-down",
-                  class: m(["w-3.5 h-3.5 sm:w-4 sm:h-4 text-blue-600 shrink-0 group-hover:text-blue-700 transition-transform", { "rotate-180": w.value }])
+                  class: m(["w-3 h-3 text-blue-600 shrink-0 group-hover:text-blue-700 transition-transform", { "rotate-180": w.value }])
                 }, null, 8, ["class"])
               ])) : (s(), o("div", Xg, [
                 r("p", Jg, x(e.currentOrganisation.organisation_name), 1),
                 r("div", Qg, [
                   V(H, {
                     icon: "user",
-                    class: "w-3 h-3 text-blue-600 shrink-0"
+                    class: "w-2.5 h-2.5 text-blue-600 shrink-0"
                   }),
                   F.value ? (s(), o("p", Zg, x(F.value), 1)) : g("", !0)
                 ])