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

enlarge equippable characters grid to 5 columns

Browse source
This commit is contained in:
Justin Edmund 2025-12-19 01:42:08 -08:00
parent 9b15cad7ce
commit d5a32b3953
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/lib/components/collection/EquippableCharactersSection.svelte
View file

@ -87,7 +87,7 @@
.loading-state {
display: flex;
justify-content: center;
padding: $unit;
padding: $unit $unit-2x;
:global(svg) {
animation: spin 1s linear infinite;
@ -96,7 +96,7 @@
}
.empty-state {
padding: $unit;
padding: 0 $unit;
}
.empty-text {
@ -105,14 +105,14 @@
}
.character-grid {
display: flex;
flex-wrap: wrap;
gap: $unit-half;
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: $unit;
padding: 0 $unit;
}
.character-portrait {
width: 40px;
height: 40px;
aspect-ratio: 1 / 1;
border-radius: $item-corner-small;
overflow: hidden;
cursor: pointer;