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

fix character card aspect ratio to match actual image dimensions

Browse source 
Character grid images are 280x160 (7:4 ratio, wider than tall).
The previous ratio was inverted. Now using 100px width with correct
aspect-ratio: 280/160.
This commit is contained in:
Justin Edmund 2025-12-02 11:35:00 -08:00
parent 408f729976
commit a664d41e63
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/lib/components/collection/SelectableCharacterCard.svelte
View file

@ -53,12 +53,12 @@
<style lang="scss"> <style lang="scss">
@use '$src/themes/spacing' as *; @use '$src/themes/spacing' as *;
@use '$src/themes/effects' as *; @use '$src/themes/effects' as *;
@use '$src/themes/rep' as rep;
.card { .card {
position: relative; position: relative;
width: 70px; width: 100px;
@include rep.aspect(rep.$char-cell-w, rep.$char-cell-h); // Character grid images are 280x160 (7:4 ratio)
aspect-ratio: 280 / 160;
padding: 0; padding: 0;
border: 2px solid transparent; border: 2px solid transparent;
border-radius: 8px; border-radius: 8px;