ui/debugpanel.razor.scss
DebugPanel {
position: absolute;
//width: 40px;
//height: 100px;
right: 0px;
bottom: 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;
flex-direction: column;
font-family: W10Emoji;
.debug_row {
min-width: 100%;
flex-direction: row;
justify-content: flex-end;
align-items: flex-end;
align-content: flex-end;
}
button {
position: relative;
width: 20px;
aspect-ratio: 1;
//padding: 15px 32px;
//text-align: center;
font-size: 16px;
color: white;
//margin: 4px 2px;
cursor: pointer;
//box-shadow: 6px 6px 0px black;
//cursor: "select-cursor";
//pointer-events: auto;
align-items: center;
justify-content: center;
text-align: center;
opacity: 0.7;
&:hover {
opacity: 0.9;
sound-in: ui.button.over;
border: 1px solid white;
}
&:active {
opacity: 1;
sound-in: ui.button.press;
border: 1px solid blue;
}
}
}