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