nvis-fe-cms-libs 2.0.8 → 2.0.9

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.
package/README.md CHANGED
@@ -238,3 +238,5 @@ const SectionRenderer = ({ section }) => {
238
238
 
239
239
  Thư viện **nvis-fe-cms-libs** giúp tách rời các section thành module độc lập, dễ tái sử dụng và bảo trì.
240
240
  Bạn có thể mở rộng bằng cách thêm component mới và publish phiên bản tiếp theo lên npm.
241
+
242
+ # Web lấy icon svg https://www.svgrepo.com
@@ -938,7 +938,7 @@ const PartnersSection = ({ data, t, imageBaseUrl = "", section }) => {
938
938
  "button",
939
939
  {
940
940
  onClick: () => setCurrentPartnerSlide(index2),
941
- className: `w-3 h-3 rounded-full transition-all duration-300 ${index2 === currentPartnerSlide ? "bg-brand-primary scale-125 shadow-lg" : "bg-muted hover:bg-brand-primary/70"}`,
941
+ className: `w-3 h-3 rounded-full transition-all duration-300 ${index2 === currentPartnerSlide ? "bg-brand-primary scale-125 shadow-lg" : "bg-surface hover:bg-brand-primary/70"}`,
942
942
  "aria-label": `Slide ${index2 + 1}`
943
943
  },
944
944
  index2
@@ -1341,17 +1341,17 @@ const PartnerListSection = ({ t, getPartnerList, imageBaseUrl = "", section }) =
1341
1341
  border: "none",
1342
1342
  cursor: "pointer",
1343
1343
  transition: "all 0.3s ease",
1344
- backgroundColor: index2 === currentPartnerSlide ? "var(--brand-primary)" : "rgba(255, 255, 255, 0.3)",
1344
+ backgroundColor: index2 === currentPartnerSlide ? "var(--brand-primary)" : "rgba(151, 151, 151, 0.8)",
1345
1345
  transform: index2 === currentPartnerSlide ? "scale(1.3)" : "scale(1)"
1346
1346
  },
1347
1347
  onMouseEnter: (e) => {
1348
1348
  if (index2 !== currentPartnerSlide) {
1349
- e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.5)";
1349
+ e.currentTarget.style.backgroundColor = "rgba(151, 151, 151, 0.8)";
1350
1350
  }
1351
1351
  },
1352
1352
  onMouseLeave: (e) => {
1353
1353
  if (index2 !== currentPartnerSlide) {
1354
- e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.3)";
1354
+ e.currentTarget.style.backgroundColor = "rgba(151, 151, 151, 0.8)";
1355
1355
  }
1356
1356
  },
1357
1357
  "aria-label": `Slide ${index2 + 1}`
@@ -2953,10 +2953,10 @@ const DiagramSection = ({ data, t, isDarkMode }) => {
2953
2953
  };
2954
2954
  }
2955
2955
  return {
2956
- gradient: "linear-gradient(to right, var(--gradient-accent-soft-start), var(--gradient-accent-soft-end))",
2957
- border: "var(--gradient-accent-soft-start)",
2958
- line: "var(--gradient-accent-soft-start)",
2959
- iconBg: "var(--gradient-accent-soft-start)",
2956
+ gradient: "linear-gradient(to right, var(--gradient-brand-strong-start), var(--gradient-brand-strong-end))",
2957
+ border: "var(--gradient-brand-strong-start)",
2958
+ line: "var(--gradient-brand-strong-start)",
2959
+ iconBg: "var(--gradient-brand-strong-start)",
2960
2960
  shadow: "rgba(139, 92, 246, 0.2)"
2961
2961
  };
2962
2962
  };