fix: classic ui
This commit is contained in:
parent
88d9f59957
commit
e14fd33140
2 changed files with 9 additions and 3 deletions
|
@ -109,7 +109,8 @@ watch(defaultStore.reactiveState.menuDisplay, () => {
|
||||||
$nav-icon-only-width: 78px; // TODO: どこかに集約したい
|
$nav-icon-only-width: 78px; // TODO: どこかに集約したい
|
||||||
$avatar-size: 32px;
|
$avatar-size: 32px;
|
||||||
$avatar-margin: 8px;
|
$avatar-margin: 8px;
|
||||||
|
position: sticky;
|
||||||
|
top: 16px;
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 260px;
|
width: 260px;
|
||||||
|
|
|
@ -253,9 +253,14 @@ onMounted(() => {
|
||||||
}
|
}
|
||||||
|
|
||||||
> .widgets {
|
> .widgets {
|
||||||
//--panelBorder: none;
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
padding-bottom: calc(var(--margin) + env(safe-area-inset-bottom, 0px));
|
height: 100%;
|
||||||
|
padding-top: 16px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
overflow: auto;
|
||||||
|
background: var(--bg);
|
||||||
|
|
||||||
@media (max-width: $widgets-hide-threshold) {
|
@media (max-width: $widgets-hide-threshold) {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
Loading…
Reference in a new issue