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