nvis-fe-cms-libs 1.0.9 → 1.1.1

package/dist/nvis-fe-cms-libs.es.js

@@ -1392,23 +1392,25 @@ const PartnerListCard = ({ partner, idx = 0, t, isDarkMode, getLogoUrl }) => {
     "div",
     {
       ref: itemRef,
-      className: `relative flex flex-col items-center justify-center p-4 rounded-xl shadow-sm transition-all duration-700 ease-out cursor-pointer overflow-hidden min-h-[180px]
+      className: `relative flex flex-col items-center justify-center p-4 rounded-xl shadow-sm transition-all duration-700 ease-out cursor-pointer overflow-hidden min-h-[180px] w-full
         ${isDarkMode ? "bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 border border-blue-800" : "bg-white border border-gray-200"}
-        ${visible ? "opacity-100 scale-100" : "opacity-0 scale-75"}
-        ${isHovered ? isDarkMode ? "border-blue-500 shadow-lg shadow-blue-500/20 -translate-y-1" : "border-blue-300 shadow-lg shadow-blue-500/20 -translate-y-1" : ""}`,
+        ${visible ? "opacity-100" : "opacity-0"}
+        ${isHovered ? isDarkMode ? "border-blue-500 shadow-lg shadow-blue-500/20" : "border-blue-300 shadow-lg shadow-blue-500/20" : ""}`,
       style: {
         transitionDelay: `${idx * 150}ms`,
-        transform: `translateY(${isHovered ? "-4px" : "0px"}) scale(${visible ? "1" : "0.75"})`
+        transform: `translateY(${isHovered ? "-4px" : "0px"}) scale(${visible ? "1" : "0.75"})`,
+        position: "relative",
+        zIndex: isHovered ? 10 : 1
       },
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false),
       onClick: handleClick,
       children: [
         isDarkMode && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute w-12 h-12 bg-white/5 rounded-full", style: { left: "10%", top: "20%" } }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute w-10 h-10 bg-white/5 rounded-full", style: { right: "30%", bottom: "10%" } }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute w-14 h-14 bg-white/5 rounded-md", style: { left: "20%", bottom: "30%" } }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 opacity-20", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute w-12 h-12 bg-white/5 rounded-full pointer-events-none", style: { left: "10%", top: "20%", zIndex: -1 } }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute w-10 h-10 bg-white/5 rounded-full pointer-events-none", style: { right: "30%", bottom: "10%", zIndex: -1 } }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute w-14 h-14 bg-white/5 rounded-md pointer-events-none", style: { left: "20%", bottom: "30%", zIndex: -1 } }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 opacity-20 pointer-events-none", style: { zIndex: -1 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
               style: {
@@ -1422,7 +1424,7 @@ const PartnerListCard = ({ partner, idx = 0, t, isDarkMode, getLogoUrl }) => {
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
-            className: `w-20 h-14 flex items-center justify-center mb-4 rounded-lg overflow-hidden border transition-all duration-300
+            className: `relative w-20 h-14 flex items-center justify-center mb-4 rounded-lg overflow-hidden border transition-all duration-300
           ${isDarkMode ? "border-gray-600" : "border-gray-200"}
           ${isHovered ? "border-blue-500" : ""}
         `,
@@ -1434,7 +1436,7 @@ const PartnerListCard = ({ partner, idx = 0, t, isDarkMode, getLogoUrl }) => {
                 "img",
                 {
                   src: logoSrc,
-                  alt: partner.name || t("partners.logoAlt") || "Partner logo",
+                  alt: partner.name || (t == null ? void 0 : t("partners.logoAlt")) || "Partner logo",
                   className: "max-w-full max-h-full object-contain transition-all duration-300",
                   style: {
                     filter: isDarkMode ? isHovered ? "grayscale(0) opacity(1)" : "grayscale(0.3) opacity(0.8)" : isHovered ? "grayscale(0) opacity(1)" : "grayscale(0.2) opacity(0.9)",
@@ -1444,7 +1446,7 @@ const PartnerListCard = ({ partner, idx = 0, t, isDarkMode, getLogoUrl }) => {
                   loading: "lazy"
                 }
               ),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full h-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center", style: { display: "none" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-white font-bold text-center text-sm px-1", children: partner.name }) })
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center", style: { display: "none" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-white font-bold text-center text-sm px-1", children: partner.name }) })
             ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full h-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-white font-bold text-center text-sm px-1", children: partner.name }) })
           }
         ),
@@ -1453,13 +1455,13 @@ const PartnerListCard = ({ partner, idx = 0, t, isDarkMode, getLogoUrl }) => {
         partner.websiteUrl && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
-            className: "transition-all duration-300",
+            className: "transition-all duration-300 absolute bottom-4",
             style: {
               opacity: isHovered ? 1 : 0,
               transform: `translateY(${isHovered ? "0px" : "4px"})`
             },
             children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-blue-600 font-medium", children: [
-              t("partners.viewDetails") || "Xem chi tiết",
+              (t == null ? void 0 : t("partners.viewDetails")) || "Xem chi tiết",
               " →"
             ] })
           }