matrix-dimension/web/app/admin/admin.component.scss
2021-12-13 13:14:28 -07:00

58 lines
1.1 KiB
SCSS

@import "../../style/themes/themes";
@include themifyComponent() {
.adminNav {
margin: 32px 0 0;
width: 200px;
padding: 0;
position: fixed;
top: 100px;
left: 0;
bottom: 0;
background-color: themed(adminBgColor);
}
.adminNav li {
list-style: none;
background-color: themed(adminBgColor);
border-left: 5px solid themed(adminBgColor);
padding: 5px 5px 5px 11px;
color: themed(adminFgColor);
opacity: 0.5;
cursor: pointer;
}
.adminNav li:hover,
.adminNav li.active {
opacity: 1;
background-color: themed(adminHoverColor);
border-left: 5px solid themed(adminHoverColor);
}
.adminNav li.active {
border-left: 5px solid themed(adminAccentColor);
}
.adminContent {
margin-top: 32px;
position: fixed;
top: 85px;
left: 200px;
bottom: 0;
right: 0;
padding: 15px;
overflow: auto;
}
.version {
position: fixed;
bottom: 0;
left: 0;
width: 200px;
text-align: center;
color: themed(adminVersionColor);
font-size: 11px;
font-family: monospace;
}
}