Improved the (User|Admin) Settings screens

This commit is contained in:
djmaze 2021-11-07 21:19:48 +01:00
parent 6170de5aee
commit 5b0dd471bc
37 changed files with 948 additions and 1009 deletions

View file

@ -1,5 +1,5 @@
.b-admin-about {
#V-Settings-About {
.rl-logo {
display: inline-block;
width: 250px;

View file

@ -1,4 +1,4 @@
.b-admin-branding {
#V-Settings-Branding {
}

View file

@ -1,5 +1,4 @@
.b-admin-general {
#V-Settings-General {
}

View file

@ -49,7 +49,8 @@
left: @rlLeftWidth;
}
.b-admin-right {
#V-AdminPane {
height: 100%;
.b-toolbar {
position: absolute;
@ -67,23 +68,6 @@
flex-grow: 1;
}
}
.b-content {
position: absolute;
top: 50px + @rlLowMargin;
bottom: @rlLowMargin;
left: 0;
right: @rlLowMargin;
overflow-y: auto;
z-index: 2;
background-color: #fff;
border: 1px solid @rlMainDarkColor;
box-shadow: @rlMainShadow;
border-radius: @rlMainBorderRadius;
}
}
.btn.btn-logout {
@ -92,7 +76,18 @@
}
#rl-settings-subscreen {
margin: (50px + @rlLowMargin) @rlLowMargin @rlLowMargin 0;
overflow-y: auto;
padding: 20px;
box-sizing: border-box;
height: calc(100% - 50px - @rlLowMargin - @rlLowMargin);
background-color: #fff;
border: 1px solid @rlMainDarkColor;
box-shadow: @rlMainShadow;
border-radius: @rlMainBorderRadius;
}
/* desktop */

View file

@ -1,5 +1,5 @@
.b-admin-packages {
#V-Settings-Packages {
.alert {
width: 650px;