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

FIX: Fix ui quickview modal
All checks were successful
Gitea Auto Deploy / Deploy-Container (push) Successful in 1m49s
Details

Browse Source
This commit is contained in:
Azen Kain
2025-09-28 13:52:50 +07:00
parent a6f4659ec9
commit 3d59dddbb4
2 changed files with 60 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/card/relicCard.tsx
View File

@@ -18,6 +18,7 @@ const getRarityColor = (rarity: string) => {
default: return 'border-gray-500 shadow-gray-500/50'; default: return 'border-gray-500 shadow-gray-500/50';
} }
}; };
const getRarityName = (slot: string) => { const getRarityName = (slot: string) => {
switch (slot) { switch (slot) {
case '1': return ( case '1': return (

16
src/components/quickView/index.tsx
View File

@@ -390,14 +390,14 @@ export default function QuickView() {
return ( return (
<div className="grid grid-cols-1 md:grid-cols-3 gap-4"> <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
<div className="col-span-1 md:col-span-2 flex flex-col justify-between py-3 z-10"> <div className="col-span-1 md:col-span-2 flex flex-col justify-between py-3">
<div className="flex w-full flex-col justify-between gap-y-0.5 text-base h-[500px]"> <div className="flex w-full flex-col justify-between gap-y-0.5 text-base">
{Object.entries(characterStats || {})?.map(([key, stat], index) => { {Object.entries(characterStats || {})?.map(([key, stat], index) => {
if (!stat || (key.includes("Add") && stat.value === 0)) return null if (!stat || (key.includes("Add") && stat.value === 0)) return null
return ( return (
<div key={index} className="flex flex-row items-center justify-between"> <div key={index} className="flex flex-row items-center justify-between">
<div className="flex flex-row items-center"> <div className="flex flex-row items-center">
<NextImage src={stat?.icon || ""} alt="Stat Icon" width={40} height={40} className="h-auto w-10 p-2" /> <NextImage src={stat?.icon || ""} alt="Stat Icon" width={40} height={40} className="h-auto w-10 p-1 mx-1 bg-black/20 rounded-full" />
<span className="font-bold">{stat.name}</span> <span className="font-bold">{stat.name}</span>
</div> </div>
<div className="ml-3 mr-3 flex-grow border rounded opacity-50" /> <div className="ml-3 mr-3 flex-grow border rounded opacity-50" />
@@ -429,7 +429,7 @@ export default function QuickView() {
}} }}
/> />
<div> <div>
<span className="black-blur bg-black/50 flex w-5 justify-center rounded px-1.5 py-0.5">{setEffect.count}</span> <span className="black-blur bg-black/20 flex w-5 justify-center rounded px-1.5 py-0.5">{setEffect.count}</span>
</div> </div>
</div> </div>
) )
@@ -437,7 +437,6 @@ export default function QuickView() {
</div> </div>
</div> </div>
<div className="z-10">
<div className="grid grid-cols-1 gap-2 justify-between py-3 text-lg"> <div className="grid grid-cols-1 gap-2 justify-between py-3 text-lg">
{relicStats?.map((relic, index) => { {relicStats?.map((relic, index) => {
@@ -467,7 +466,7 @@ export default function QuickView() {
</div> </div>
</div> </div>
<div className="mx-1 flex w-1/6 flex-col items-center justify-center"> <div className="mx-1 flex w-1/6 flex-col items-center justify-center">
<NextImage src={relic?.mainAffix?.detail?.icon || ""} width={36} height={36} alt="Main Affix Icon" className="h-auto w-9" /> <NextImage src={relic?.mainAffix?.detail?.icon || ""} width={36} height={36} alt="Main Affix Icon" className="h-auto w-9 bg-black/20 rounded-full" />
<span className="text-base text-[#f1a23c]">{relic?.mainAffix?.valueAffix + relic?.mainAffix?.detail?.unit}</span> <span className="text-base text-[#f1a23c]">{relic?.mainAffix?.valueAffix + relic?.mainAffix?.detail?.unit}</span>
<span className="black-blur rounded px-1 text-xs">+{relic?.mainAffix?.level}</span> <span className="black-blur rounded px-1 text-xs">+{relic?.mainAffix?.level}</span>
</div> </div>
@@ -479,9 +478,9 @@ export default function QuickView() {
<div key={index} className="flex flex-col"> <div key={index} className="flex flex-col">
<div className="flex flex-row items-center"> <div className="flex flex-row items-center">
{subAffix?.detail?.icon ? ( {subAffix?.detail?.icon ? (
<NextImage src={subAffix?.detail?.icon || ""} width={36} height={36} alt="Sub Affix Icon" className="h-auto w-9" /> <NextImage src={subAffix?.detail?.icon || ""} width={36} height={36} alt="Sub Affix Icon" className="h-auto w-9 bg-black/20 rounded-full" />
) : ( ) : (
<div className="h-9 w-9 bg-black/50 rounded flex items-center justify-center"> <div className="h-9 w-9 bg-black/20 rounded flex items-center justify-center">
<span className="text-xs text-white">?</span> <span className="text-xs text-white">?</span>
</div> </div>
)} )}
@@ -499,6 +498,5 @@ export default function QuickView() {
</div>} </div>}
</div> </div>
</div> </div>
</div>
) )
} }