diff --git a/app/src/assets/scss/component/_menu.scss b/app/src/assets/scss/component/_menu.scss index 8bc163a0c..adfab498d 100644 --- a/app/src/assets/scss/component/_menu.scss +++ b/app/src/assets/scss/component/_menu.scss @@ -4,7 +4,7 @@ box-shadow: var(--b3-dialog-shadow); border: 1px solid var(--b3-theme-surface-lighter); background-color: var(--b3-menu-background); - padding: 12px 0; + padding: 8px 0; z-index: 210; box-sizing: border-box; diff --git a/app/src/assets/scss/protyle/_toolbar.scss b/app/src/assets/scss/protyle/_toolbar.scss index 05db19b6d..a1ebcb60d 100644 --- a/app/src/assets/scss/protyle/_toolbar.scss +++ b/app/src/assets/scss/protyle/_toolbar.scss @@ -56,6 +56,8 @@ max-height: 402px; box-sizing: border-box; padding: 8px 0; + display: flex; + flex-direction: column; } &-util { @@ -64,7 +66,7 @@ box-shadow: var(--b3-dialog-shadow); border: 1px solid var(--b3-theme-surface-lighter); background-color: var(--b3-menu-background); - padding: 8px; + padding: 8px 0; max-height: 80vh; z-index: 4; box-sizing: border-box; diff --git a/app/src/protyle/header/Background.ts b/app/src/protyle/header/Background.ts index ace7f0bb2..cc0b39bdc 100644 --- a/app/src/protyle/header/Background.ts +++ b/app/src/protyle/header/Background.ts @@ -438,7 +438,7 @@ export class Background { html += `