ui/relictooltip.razor.scss
RelicTooltip {
position: absolute;
width: 280px;
min-height: 220px;
//border-radius: 10px;
justify-content: center;
align-items: center;
background-color: #11111188;
flex-direction: column;
justify-content: space-between;
padding: 8px;
//padding-top: 8px;
//padding-bottom: 8px;
//padding-left: 6px;
//padding-right: 6px;
box-shadow: 0px 8px 4px #00000099;
//background-color: #000000aa;
backdrop-filter: blur(12px);
border: 4px solid #000000aa;
border-radius: 15px;
.name {
font-size: 24px;
color: #fff;
width: 100%;
justify-content: flex-start;
padding-left: 3px;
}
.icon {
width: 80px;
height: 80px;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
margin-top: 8px;
margin-bottom: 8px;
filter: drop-shadow(0px 8px 3px #00000055);
}
.description {
font-size: 16px;
color: #999;
white-space: pre-wrap;
width: 100%;
flex-shrink: 0;
//justify-content: center;
//align-items: center;
}
.level {
position: absolute;
//left: 12px;
//top: 45%;
left: 12px;
top: 16%;
font-size: 20px;
color: #666;
//color: #ffffff55;
//text-stroke: 4px #000000ee;
}
}