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

show item names in collection cards

Browse source
This commit is contained in:
Justin Edmund 2025-12-14 02:06:34 -08:00
parent 7f9398efbd
commit c90da7ad4e
3 changed files with 32 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/lib/components/collection/CollectionCharacterCard.svelte
View file

@ -54,6 +54,7 @@
<style lang="scss">
@use '$src/themes/spacing' as *;
@use '$src/themes/typography' as typography;
.character-card {
display: flex;
@ -103,6 +104,12 @@
}
.character-name {
display: none;
font-size: typography.$font-small;
color: var(--text-tertiary);
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
</style>

12
src/lib/components/collection/CollectionSummonCard.svelte
View file

@ -35,10 +35,12 @@
ulb={summon.summon?.uncap?.ulb}
transcendence={summon.summon?.uncap?.transcendence}
/>
<span class="summon-name">{displayName}</span>
</button>
<style lang="scss">
@use '$src/themes/spacing' as *;
@use '$src/themes/typography' as typography;
.summon-card {
display: flex;
@ -76,4 +78,14 @@
object-fit: contain;
border-radius: 8px;
}
.summon-name {
font-size: typography.$font-small;
color: var(--text-tertiary);
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
</style>

12
src/lib/components/collection/CollectionWeaponCard.svelte
View file

@ -40,10 +40,12 @@
ulb={weapon.weapon?.uncap?.ulb}
transcendence={weapon.weapon?.uncap?.transcendence}
/>
<span class="weapon-name">{displayName}</span>
</button>
<style lang="scss">
@use '$src/themes/spacing' as *;
@use '$src/themes/typography' as typography;
.weapon-card {
display: flex;
@ -81,4 +83,14 @@
object-fit: contain;
border-radius: 8px;
}
.weapon-name {
font-size: typography.$font-small;
color: var(--text-tertiary);
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
</style>