Fix weapon skill overlay

This commit is contained in:
Justin Edmund 2023-06-24 15:33:01 -07:00
parent 9779e37f0e
commit 88296c6f82

View file

@ -26,26 +26,26 @@
&.mainhand { &.mainhand {
display: flex; display: flex;
&.editable .WeaponImage:hover { &.editable .image:hover {
transform: $scale-tall; transform: $scale-tall;
} }
.WeaponImage { .image {
width: 100%; width: 100%;
height: auto; height: auto;
.Awakening { .awakening {
width: 40%; width: 40%;
height: auto; height: auto;
top: 67%; top: 67%;
left: -3.5%; left: -3.5%;
} }
.Modifiers > .Skills { .modifiers > .skills {
bottom: 12%; bottom: 12%;
right: -3.5%; right: -3.5%;
& > .Skill { & > .skill {
width: 25%; width: 25%;
height: auto; height: auto;
} }
@ -145,7 +145,7 @@
width: 100%; width: 100%;
z-index: 2; z-index: 2;
&.Placeholder { &.placeholder {
opacity: 0; opacity: 0;
} }
} }
@ -163,9 +163,10 @@
} }
} }
.WeaponName { .name {
font-size: $font-name; font-size: $font-name;
line-height: 1.2; line-height: 1.2;
@include breakpoint(phone) { @include breakpoint(phone) {
font-size: $font-tiny; font-size: $font-tiny;
} }