UPDATE: Responsive for mobile

2025-09-30 15:15:51 +07:00
parent 6908e3971f
commit 91ce8320d1
10 changed files with 437 additions and 412 deletions
--- a/src/components/skillsInfo/index.tsx
+++ b/src/components/skillsInfo/index.tsx
@@ -189,9 +189,10 @@ export default function SkillsInfo() {
                                            setSkillSelected(btn.id === skillSelected ? null : btn.id)
                                        }}
                                        style={{
-                                            left: `calc(${btn.left} - var(--size-${btn.size}) / 2)`,
-                                            top: `calc(${btn.top} - var(--size-${btn.size}) / 2)`,
-                                        }}
+                                            left: btn.left,
+                                            top: btn.top,
+                                            transform: "translate(-50%, -50%)",
+                                          }}
                                    >
                                        <Image
                                            src={getImageSkill(avatarInfo?.SkillTrees?.[btn.id]?.["1"]?.Icon, avatarSkillTree?.[btn.id]?.["1"]?.StatusAddList[0]) || ""}