granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

left-align uncap indicators in cells

Browse source
This commit is contained in:
Justin Edmund 2025-12-03 10:50:41 -08:00
parent f54c5f012e
commit 5db9181afc
4 changed files with 38 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/lib/components/database/UncapCell.svelte
View file

@ -53,7 +53,7 @@
.uncap-cell { .uncap-cell {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
height: 100%; height: 100%;
padding: 4px; padding: 4px;
} }

21
src/lib/components/database/cells/CharacterUncapCell.svelte
View file

@ -30,13 +30,18 @@
// Only regular (non-special) characters have transcendence // Only regular (non-special) characters have transcendence
const transcendenceStage = $derived( const transcendenceStage = $derived(
// Special characters don't have transcendence // Special characters don't have transcendence
special ? 0 : special
// First check if API provides direct transcendence_step field on the row ? 0
row.transcendence_step ? row.transcendence_step : : // First check if API provides direct transcendence_step field on the row
// Check if API provides specific max transcendence step in uncap object row.transcendence_step
uncap.max_transcendence_step ? uncap.max_transcendence_step : ? row.transcendence_step
// Otherwise, show maximum stage (5) when transcendence is available for regular characters : // Check if API provides specific max transcendence step in uncap object
transcendence ? 5 : 0 uncap.max_transcendence_step
? uncap.max_transcendence_step
: // Otherwise, show maximum stage (5) when transcendence is available for regular characters
transcendence
? 5
: 0
) )
</script> </script>
@ -57,7 +62,7 @@
.uncap-cell { .uncap-cell {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
height: 100%; height: 100%;
padding: 4px; padding: 4px;
} }

16
src/lib/components/database/cells/SummonUncapCell.svelte
View file

@ -22,11 +22,15 @@
// For database view, show maximum transcendence stage when available // For database view, show maximum transcendence stage when available
const transcendenceStage = $derived( const transcendenceStage = $derived(
// First check if API provides direct transcendence_step field on the row // First check if API provides direct transcendence_step field on the row
row.transcendence_step ? row.transcendence_step : row.transcendence_step
// Check if API provides specific max transcendence step in uncap object ? row.transcendence_step
uncap.max_transcendence_step ? uncap.max_transcendence_step : : // Check if API provides specific max transcendence step in uncap object
// Otherwise, show maximum stage (5) when transcendence is available uncap.max_transcendence_step
transcendence ? 5 : 0 ? uncap.max_transcendence_step
: // Otherwise, show maximum stage (5) when transcendence is available
transcendence
? 5
: 0
) )
</script> </script>
@ -46,7 +50,7 @@
.uncap-cell { .uncap-cell {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
height: 100%; height: 100%;
padding: 4px; padding: 4px;
} }

16
src/lib/components/database/cells/WeaponUncapCell.svelte
View file

@ -22,11 +22,15 @@
// For database view, show maximum transcendence stage when available // For database view, show maximum transcendence stage when available
const transcendenceStage = $derived( const transcendenceStage = $derived(
// First check if API provides direct transcendence_step field on the row // First check if API provides direct transcendence_step field on the row
row.transcendence_step ? row.transcendence_step : row.transcendence_step
// Check if API provides specific max transcendence step in uncap object ? row.transcendence_step
uncap.max_transcendence_step ? uncap.max_transcendence_step : : // Check if API provides specific max transcendence step in uncap object
// Otherwise, show maximum stage (5) when transcendence is available uncap.max_transcendence_step
transcendence ? 5 : 0 ? uncap.max_transcendence_step
: // Otherwise, show maximum stage (5) when transcendence is available
transcendence
? 5
: 0
) )
</script> </script>
@ -46,7 +50,7 @@
.uncap-cell { .uncap-cell {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
height: 100%; height: 100%;
padding: 4px; padding: 4px;
} }