Some style change for settings panels

This commit is contained in:
the-djmaze 2023-02-06 11:05:52 +01:00
parent 53569957fe
commit e65dcc1d79
2 changed files with 11 additions and 4 deletions

View file

@ -31,13 +31,13 @@
#rl-right { #rl-right {
flex-grow: 1; flex-grow: 1;
padding-top: 50px;
transition: left 0.3s ease-out, right 0.3s ease-out; transition: left 0.3s ease-out, right 0.3s ease-out;
z-index: 1; z-index: 1;
} }
#V-AdminPane { #V-AdminPane {
height: 100%; height: calc(100% - 50px - @rlLowMargin);
margin: 50px @rlLowMargin 0 0;
> .b-toolbar { > .b-toolbar {
color: #fff; color: #fff;
@ -56,6 +56,10 @@
} }
} }
.rl-mobile #V-AdminPane {
margin-right: 0;
}
.btn.btn-logout { .btn.btn-logout {
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
@ -66,8 +70,7 @@
border: 1px solid var(--border-color, #aaa); border: 1px solid var(--border-color, #aaa);
border-radius: var(--border-radius, 5px); border-radius: var(--border-radius, 5px);
box-shadow: var(--smMainShadow); box-shadow: var(--smMainShadow);
height: calc(100% - @rlLowMargin - @rlLowMargin); height: 100%;
margin: 0 @rlLowMargin @rlLowMargin 0;
overflow-y: auto; overflow-y: auto;
padding: 20px; padding: 20px;
scroll-behavior: smooth; scroll-behavior: smooth;

View file

@ -67,6 +67,10 @@
} }
} }
.rl-mobile #V-SettingsPane {
margin-right: 0;
}
#rl-settings-subscreen { #rl-settings-subscreen {
background-color: var(--settings-bg-clr, #fff); background-color: var(--settings-bg-clr, #fff);
border: 1px solid var(--border-color, #aaa); border: 1px solid var(--border-color, #aaa);