Firefly-Shelter/Firefly_Srtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UPDATE: New ui
All checks were successful
Gitea Auto Deploy / Deploy-Container (push) Successful in 1m8s
Details

Browse Source
This commit is contained in:
Azen Kain
2026-01-06 16:48:17 +07:00
parent d8d26d3f46
commit c293800d4d
2 changed files with 36 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/skillsInfo/index.tsx
View File

@@ -163,9 +163,9 @@ export default function SkillsInfo() {
filter: (theme === "winter" || theme === "cupcake") ? "invert(1)" : "none" filter: (theme === "winter" || theme === "cupcake") ? "invert(1)" : "none"
}} }}
className={`w-full h-full object-cover rounded-xl`} className={`w-full h-full object-cover rounded-xl`}
onError={(e) => { // onError={(e) => {
e.currentTarget.style.display = "none" // e.currentTarget.style.display = "none"
}} // }}
/> />
{traceButtons.map((btn, index) => { {traceButtons.map((btn, index) => {
if (!avatarInfo?.SkillTrees?.[btn.id]) { if (!avatarInfo?.SkillTrees?.[btn.id]) {
@@ -186,6 +186,7 @@ export default function SkillsInfo() {
${btn.size === "big" ? "w-[9vw] h-[9vw] md:w-[3.5vw] md:h-[3.5vw] bg-black" : ""} ${btn.size === "big" ? "w-[9vw] h-[9vw] md:w-[3.5vw] md:h-[3.5vw] bg-black" : ""}
${btn.size === "special" ? "w-[9vw] h-[9vw] md:w-[3.5vw] md:h-[3.5vw] bg-white" : ""} ${btn.size === "special" ? "w-[9vw] h-[9vw] md:w-[3.5vw] md:h-[3.5vw] bg-white" : ""}
${btn.size === "memory" ? "w-[9vw] h-[9vw] md:w-[3.5vw] md:h-[3.5vw] bg-black" : ""} ${btn.size === "memory" ? "w-[9vw] h-[9vw] md:w-[3.5vw] md:h-[3.5vw] bg-black" : ""}
${btn.size === "elation" ? "w-[9vw] h-[9vw] md:w-[3.5vw] md:h-[3.5vw] bg-black" : ""}
${skillSelected === btn.id ? "border-4 border-primary" : ""} ${skillSelected === btn.id ? "border-4 border-primary" : ""}
${!avatarData?.data.skills?.[avatarSkillTree?.[btn.id]?.["1"]?.PointID] ${!avatarData?.data.skills?.[avatarSkillTree?.[btn.id]?.["1"]?.PointID]
? "opacity-50 cursor-not-allowed" ? "opacity-50 cursor-not-allowed"
@@ -207,14 +208,14 @@ export default function SkillsInfo() {
width={124} width={124}
height={124} height={124}
style={{ style={{
filter: (btn.size !== "big" && btn.size !== "memory") ? "brightness(0%)" : "" filter: (btn.size !== "big" && btn.size !== "memory" && btn.size !== "elation") ? "brightness(0%)" : ""
}} }}
onError={(e) => { onError={(e) => {
e.currentTarget.onerror = null; e.currentTarget.onerror = null;
e.currentTarget.src = getImageSkill(avatarInfo?.SkillTrees?.[btn.id]?.["1"]?.Icon, avatarSkillTree?.[btn.id]?.["1"]?.StatusAddList[0], "homdgcat") || ""; e.currentTarget.src = getImageSkill(avatarInfo?.SkillTrees?.[btn.id]?.["1"]?.Icon, avatarSkillTree?.[btn.id]?.["1"]?.StatusAddList[0], "homdgcat") || "";
}} }}
/> />
{(btn.size === "big" || btn.size === "memory") && ( {(btn.size === "big" || btn.size === "memory" || btn.size === "elation") && (
<p className=" <p className="
z-12 text-sm sm:text-xs lg:text-sm xl:text-base 2xl:text-2xl z-12 text-sm sm:text-xs lg:text-sm xl:text-base 2xl:text-2xl
font-bold text-center rounded-full absolute font-bold text-center rounded-full absolute
@@ -250,6 +251,18 @@ export default function SkillsInfo() {
}} }}
/> />
)} )}
{btn.size === "elation" && (
<div
style={{
position: "absolute",
inset: 0,
backgroundColor: "#ff8c00",
mixBlendMode: "screen",
opacity: 0.5,
borderRadius: "50%"
}}
/>
)}
{btn.size === "big" && ( {btn.size === "big" && (
<div <div
style={{ style={{

35
src/constant/traceConstant.ts
View File

@@ -165,24 +165,25 @@ export const traceButtonsInfo: Record<string, { id: string, size: string, left:
{ id: 'Point21', size: 'special', left: '70%', top: '34%'} { id: 'Point21', size: 'special', left: '70%', top: '34%'}
], ],
Elation: [ Elation: [
{ id: 'Point03', size: 'big', left: '50%', top: '52%' }, { id: 'Point04', size: 'big', left: '50%', top: '50%' },
{ id: 'Point04', size: 'big', left: '50%', top: '35%' }, { id: 'Point03', size: 'big', left: '50%', top: '30%' },
{ id: 'Point02', size: 'big', left: '69%', top: '48%' }, { id: 'Point02', size: 'big', left: '72%', top: '22%' },
{ id: 'Point05', size: 'big', left: '50%', top: '69%' }, { id: 'Point05', size: 'big', left: '50%', top: '69%' },
{ id: 'Point01', size: 'big', left: '33%', top: '48%' }, { id: 'Point01', size: 'big', left: '28%', top: '22%' },
{ id: 'Point08', size: 'medium', left: '50%', top: '22%' }, { id: 'Point08', size: 'medium', left: '85%', top: '30%' },
{ id: 'Point07', size: 'medium', left: '67%', top: '83%' }, { id: 'Point07', size: 'medium', left: '15%', top: '30%' },
{ id: 'Point06', size: 'medium', left: '33%', top: '83%' }, { id: 'Point06', size: 'medium', left: '50%', top: '87%' },
{ id: 'Point16', size: 'small', left: '50%', top: '9%' }, { id: 'Point16', size: 'small', left: '66%', top: '87%' },
{ id: 'Point18', size: 'small', left: '66%', top: '14%' }, { id: 'Point18', size: 'small', left: '25%', top: '45%' },
{ id: 'Point17', size: 'small', left: '34%', top: '14%' }, { id: 'Point17', size: 'small', left: '85%', top: '50%' },
{ id: 'Point09', size: 'small', left: '50%', top: '87%' }, { id: 'Point09', size: 'small', left: '75%', top: '45%' },
{ id: 'Point15', size: 'small', left: '81%', top: '43.5%' }, { id: 'Point15', size: 'small', left: '10%', top: '40%' },
{ id: 'Point12', size: 'small', left: '19%', top: '43.5%' }, { id: 'Point12', size: 'small', left: '90%', top: '40%' },
{ id: 'Point13', size: 'small', left: '81%', top: '70%' }, { id: 'Point13', size: 'small', left: '30%', top: '65%' },
{ id: 'Point10', size: 'small', left: '19%', top: '70%' }, { id: 'Point10', size: 'small', left: '70%', top: '65%' },
{ id: 'Point14', size: 'small', left: '93%', top: '56.5%' }, { id: 'Point14', size: 'small', left: '15%', top: '50%' },
{ id: 'Point11', size: 'small', left: '7%', top: '56.5%' } { id: 'Point11', size: 'small', left: '34%', top: '87%' },
{ id: 'Point22', size: 'elation', left: '50%', top: '10%' }
], ],
} }