ui/relicpanelelement.razor.scss
RelicPanelElement {
border-radius: 10px;
height: 80px;
width: 80px;
justify-content: center;
flex-shrink: 1;
//margin: 2px;
//background-color: blue;
//border: 2px solid #111111;
//overflow: visible;
position: relative;
.icon_container {
width: 100%;
height: 100%;
transform: scale(1);
transition: transform 0.075s ease-out;
pointer-events: all;
//flex-shrink: 1;
&:hover {
//background-color: #301B3F99;
//border: 2px solid #111111;
//opacity: 1;
transform: scale(1.2);
}
}
.icon {
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
pointer-events: none;
flex-shrink: 1;
aspect-ratio: 1;
}
.level {
position: absolute;
right: 4px;
top: 4px;
font-size: 18px;
color: #ffffff99;
text-stroke: 8px #000000ee;
pointer-events: none;
}
}