diff options
Diffstat (limited to 'core/src/components/HeaderMenu.vue')
| -rw-r--r-- | core/src/components/HeaderMenu.vue | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/core/src/components/HeaderMenu.vue b/core/src/components/HeaderMenu.vue index 9a78b769dc3..172ea7268d8 100644 --- a/core/src/components/HeaderMenu.vue +++ b/core/src/components/HeaderMenu.vue @@ -161,6 +161,8 @@ export default { </script> <style lang="scss" scoped> +$externalMargin: 8px; + .header-menu { &__trigger { display: flex; @@ -191,11 +193,11 @@ export default { top: 50px; right: 0; box-sizing: border-box; - margin: 0; + margin: 0 $externalMargin; border-radius: 0 0 var(--border-radius) var(--border-radius); background-color: var(--color-main-background); filter: drop-shadow(0 1px 5px var(--color-box-shadow)); - padding: 20px; + padding: 8px; border-radius: var(--border-radius-large); } @@ -215,7 +217,7 @@ export default { &__content { overflow: auto; width: 350px; - max-width: 100vw; + max-width: calc(100vw - 2 * $externalMargin); min-height: calc(44px * 1.5); max-height: calc(100vh - 50px * 2); } |