nvis-fe-cms-libs 2.1.15 → 2.1.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +1 -1
  2. package/dist/nvis-fe-cms-libs.es.js +36 -24
  3. package/dist/nvis-fe-cms-libs.es.js.map +1 -1
  4. package/dist/nvis-fe-cms-libs.umd.js +36 -24
  5. package/dist/nvis-fe-cms-libs.umd.js.map +1 -1
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -213,7 +213,7 @@ npm publish
213
213
  Cài đặt:
214
214
 
215
215
  ```bash
216
- npm install nvis-fe-cms-lib@1.0.3
216
+ npm install nvis-fe-cms-libs@1.0.3
217
217
  ```
218
218
 
219
219
  Sử dụng trong `SectionRenderer.jsx`:
package/dist/nvis-fe-cms-libs.es.js CHANGED
@@ -1909,21 +1909,27 @@ const PartnerAutoSection_1 = ({ getPartnerList, t, isDarkMode, imageBaseUrl = ""
1909
1909
  target: "_blank",
1910
1910
  rel: "noopener noreferrer"
1911
1911
  } : {};
1912
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
1912
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs(
1913
1913
  CardElement,
1914
1914
  __spreadProps(__spreadValues({}, cardProps), {
1915
- className: "flex items-center justify-center p-5 bg-white dark:bg-slate-800 rounded-xl hover:shadow-lg transition-all duration-300 hover:-translate-y-1 h-28 border border-gray-100 dark:border-gray-700 shadow-sm",
1916
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(
1917
- "img",
1918
- {
1919
- src: getImageUrl(partner.logoUrl),
1920
- alt: partner.name || "Partner logo",
1921
- className: "max-w-full max-h-16 object-contain transition-all duration-300",
1922
- onError: (e) => {
1923
- e.target.src = "https://via.placeholder.com/150x80?text=Logo";
1915
+ className: "relative group flex items-center justify-center p-5 bg-white dark:bg-slate-800 rounded-xl hover:shadow-lg transition-all duration-300 hover:-translate-y-1 h-28 border border-gray-100 dark:border-gray-700 shadow-sm",
1916
+ children: [
1917
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
1918
+ "img",
1919
+ {
1920
+ src: getImageUrl(partner.logoUrl),
1921
+ alt: partner.name || "Partner logo",
1922
+ className: "max-w-full max-h-16 object-contain transition-all duration-300",
1923
+ onError: (e) => {
1924
+ e.target.src = "https://via.placeholder.com/150x80?text=Logo";
1925
+ }
1924
1926
  }
1925
- }
1926
- )
1927
+ ),
1928
+ partner.name && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-3 py-1.5 text-xs text-white bg-slate-900/90 dark:bg-slate-700/90 backdrop-blur-sm rounded-lg shadow-lg opacity-0 group-hover:opacity-100 transition-all duration-300 pointer-events-none whitespace-normal text-center max-w-[200px] z-50 transform translate-y-1 group-hover:translate-y-0", children: [
1929
+ partner.name,
1930
+ /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-slate-900/90 dark:border-t-slate-700/90" })
1931
+ ] })
1932
+ ]
1927
1933
  }),
1928
1934
  partner.id
1929
1935
  );
@@ -2001,21 +2007,27 @@ const PartnersGridSection_3 = ({ data, t, isDarkMode, imageBaseUrl = "", section
2001
2007
  target: "_blank",
2002
2008
  rel: "noopener noreferrer"
2003
2009
  } : {};
2004
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
2010
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs(
2005
2011
  CardElement,
2006
2012
  __spreadProps(__spreadValues({}, cardProps), {
2007
- className: "flex items-center justify-center p-5 bg-white dark:bg-slate-800 rounded-xl hover:shadow-lg transition-all duration-300 hover:-translate-y-1 h-28 border border-gray-100 dark:border-gray-700 shadow-sm",
2008
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(
2009
- "img",
2010
- {
2011
- src: getImageUrl(partner.logoUrl),
2012
- alt: partner.name || "Partner logo",
2013
- className: "max-w-full max-h-16 object-contain transition-all duration-300",
2014
- onError: (e) => {
2015
- e.target.src = "https://via.placeholder.com/150x80?text=Logo";
2013
+ className: "relative group flex items-center justify-center p-5 bg-white dark:bg-slate-800 rounded-xl hover:shadow-lg transition-all duration-300 hover:-translate-y-1 h-28 border border-gray-100 dark:border-gray-700 shadow-sm",
2014
+ children: [
2015
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
2016
+ "img",
2017
+ {
2018
+ src: getImageUrl(partner.logoUrl),
2019
+ alt: partner.name || "Partner logo",
2020
+ className: "max-w-full max-h-16 object-contain transition-all duration-300",
2021
+ onError: (e) => {
2022
+ e.target.src = "https://via.placeholder.com/150x80?text=Logo";
2023
+ }
2016
2024
  }
2017
- }
2018
- )
2025
+ ),
2026
+ partner.name && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-3 py-1.5 text-xs text-white bg-slate-900/90 dark:bg-slate-700/90 backdrop-blur-sm rounded-lg shadow-lg opacity-0 group-hover:opacity-100 transition-all duration-300 pointer-events-none whitespace-normal text-center max-w-[200px] z-50 transform translate-y-1 group-hover:translate-y-0", children: [
2027
+ partner.name,
2028
+ /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-slate-900/90 dark:border-t-slate-700/90" })
2029
+ ] })
2030
+ ]
2019
2031
  }),
2020
2032
  partner.id
2021
2033
  );