diff --git a/src/renderer/components/BaseContextMenu.vue b/src/renderer/components/BaseContextMenu.vue index fb943e96..536a14fd 100644 --- a/src/renderer/components/BaseContextMenu.vue +++ b/src/renderer/components/BaseContextMenu.vue @@ -88,7 +88,8 @@ export default { z-index: 10; padding: 0; background: #1d1d1d; - border-radius: 0.1rem; + border-radius: $border-radius; + border: 1px solid $bg-color-light-dark; display: flex; flex-direction: column; position: absolute; @@ -97,12 +98,16 @@ export default { .context-element { display: flex; align-items: center; - padding: 0.1rem 0.3rem; + margin: 0.2rem; + padding: 0.1rem; + border-radius: $border-radius; cursor: pointer; justify-content: space-between; position: relative; .context-submenu { + border-radius: $border-radius; + border: 1px solid $bg-color-light-dark; opacity: 0; visibility: hidden; transition: opacity 0.2s; diff --git a/src/renderer/scss/main.scss b/src/renderer/scss/main.scss index 4b6dbee5..e7079ff8 100644 --- a/src/renderer/scss/main.scss +++ b/src/renderer/scss/main.scss @@ -136,6 +136,10 @@ body { display: flex; justify-content: center; + .tab-link { + min-width: 0; + } + &.active { .tab-link { border-color: transparent; diff --git a/src/renderer/scss/themes/dark-theme.scss b/src/renderer/scss/themes/dark-theme.scss index 5a01623f..f3aa3534 100644 --- a/src/renderer/scss/themes/dark-theme.scss +++ b/src/renderer/scss/themes/dark-theme.scss @@ -235,7 +235,7 @@ } &:hover { - background: $primary-color; + background: rgba($light-color, 15%); } } } diff --git a/src/renderer/scss/themes/light-theme.scss b/src/renderer/scss/themes/light-theme.scss index bd37dbf7..c36c947e 100644 --- a/src/renderer/scss/themes/light-theme.scss +++ b/src/renderer/scss/themes/light-theme.scss @@ -219,7 +219,7 @@ } &:hover { - background: $primary-color; + background: rgba($light-color, 15%); } } }