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

Add z-index to hovercard

Browse source
This commit is contained in:
Justin Edmund 2023-01-02 14:40:22 +00:00
parent 42f2dcead7
commit 0303915ef1
1 changed files with 33 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
components/WeaponHovercard/index.scss
View file

@ -1,41 +1,45 @@
.Weapon.Hovercard { .Hovercard {
.skills { z-index: 99;
display: flex;
flex-direction: row;
justify-content: space-between;
padding-right: $unit * 2;
.axSkill { .Weapon.HovercardContent {
align-items: center; .skills {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between;
padding-right: $unit * 2;
&.primary img { .axSkill {
height: 64px; align-items: center;
width: 64px; display: flex;
} flex-direction: row;
&.secondary { &.primary img {
gap: $unit * 1.5; height: 64px;
width: 64px;
}
img { &.secondary {
height: 36px; gap: $unit * 1.5;
width: 36px;
img {
height: 36px;
width: 36px;
}
}
span {
font-size: $font-small;
font-weight: $medium;
text-align: center;
} }
} }
}
span { .weaponKeys {
font-size: $font-small; display: flex;
font-weight: $medium; flex-direction: column;
text-align: center; font-size: $normal;
} gap: calc($unit / 2);
} }
} }
.weaponKeys {
display: flex;
flex-direction: column;
font-size: $normal;
gap: calc($unit / 2);
}
} }