ui/statstab.razor.scss
StatsTab {
position: absolute;
width: 107px;
height: 32px;
//right: 160px;
right: 215px;
top: 0px;
align-items: center;
justify-content: center;
text-align: center;
//background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(31, 37, 44, 0.125) 0.0%, rgba(43, 47, 66, 0.5) 100%);
//background-color: rgba(0, 0, 0, 0.5);
//box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.35);
//backdrop-filter: blur(10px);
pointer-events: all;
font-family: Inter;
font-weight: 800;
opacity: 0.5;
z-index: 999;
cursor: pointer;
background-image: url("/textures/ui/panel/stats_small.png");
background-position: center;
background-size: 100% 100%;
&:hover {
opacity: 0.75;
}
&:active {
opacity: 0.95;
}
.title {
position: relative;
color: #FDD3D1FF;
font-size: 30px;
font-family: Material Icons;
}
.ctrl {
position: absolute;
//height: 50px;
top: -4px;
right: -12px;
text-align: center;
align-items: center;
align-content: center;
justify-content: center;
color: #88B19E;
width: 42px;
height: 42px;
img {
width: 100%;
height: 100%;
}
//font-family: 'Inter-Black';
//background-color: rgba(0,0,0,0.0);
//box-shadow: -1px 2px 20px rgba( black, 0.7 );
//backdrop-filter: blur(10px);
//font-size: 13px;
//padding: 2px;
//border: 1px solid black;
//img {
// background-image-tint: rgba(232, 255, 244, 0.4);
//}
}
}