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

fix collection card image sizing

Browse source
This commit is contained in:
Justin Edmund 2025-12-14 01:52:15 -08:00
parent 04b91a638d
commit 7fdb07cacf
2 changed files with 1 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -13,7 +13,7 @@
// Get transformation suffix for transcendence // Get transformation suffix for transcendence
const transformation = $derived(summon.transcendenceStep > 0 ? '02' : undefined) const transformation = $derived(summon.transcendenceStep > 0 ? '02' : undefined)
const imageUrl = $derived(getSummonImage(summon.summon?.granblueId, 'grid', transformation)) const imageUrl = $derived(getSummonImage(summon.summon?.granblueId, 'wide', transformation))
const displayName = $derived.by(() => { const displayName = $derived.by(() => {
const name = summon.summon?.name const name = summon.summon?.name
@ -65,7 +65,6 @@
.card-image { .card-image {
position: relative; position: relative;
width: 100%; width: 100%;
aspect-ratio: 1 / 1;
border-radius: 8px; border-radius: 8px;
overflow: hidden; overflow: hidden;
background: var(--card-bg, #f5f5f5); background: var(--card-bg, #f5f5f5);

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

@ -70,7 +70,6 @@
.card-image { .card-image {
position: relative; position: relative;
width: 100%; width: 100%;
aspect-ratio: 1 / 1;
border-radius: 8px; border-radius: 8px;
overflow: hidden; overflow: hidden;
background: var(--card-bg, #f5f5f5); background: var(--card-bg, #f5f5f5);