diff --git a/src/components/settings-panel/sub-pages/manage-panel/ManagePanel.vue b/src/components/settings-panel/sub-pages/manage-panel/ManagePanel.vue index 62681b676..1d2826b90 100644 --- a/src/components/settings-panel/sub-pages/manage-panel/ManagePanel.vue +++ b/src/components/settings-panel/sub-pages/manage-panel/ManagePanel.vue @@ -5,12 +5,6 @@
{{ config.title }}
- -
@@ -77,6 +71,14 @@
+
+ + +
@@ -312,14 +314,15 @@ export default Vue.extend({ } } &-title { - .be-icon { - margin-right: 6px; - } + gap: 6px; .title-text { font-size: 16px; @include semi-bold(); flex: 1 0 auto; } } + .search-item-row { + gap: 6px; + } } diff --git a/src/ui/_common.scss b/src/ui/_common.scss index 85a683fa7..fff69fead 100644 --- a/src/ui/_common.scss +++ b/src/ui/_common.scss @@ -8,24 +8,32 @@ @mixin h-center($gap: 0) { display: flex; align-items: center; - gap: $gap; + @if ($gap != 0) { + gap: $gap; + } } @mixin v-center($gap: 0) { display: flex; align-items: center; flex-direction: column; - gap: $gap; + @if ($gap != 0) { + gap: $gap; + } } @mixin h-stretch($gap: 0) { display: flex; align-items: stretch; - gap: $gap; + @if ($gap != 0) { + gap: $gap; + } } @mixin v-stretch($gap: 0) { display: flex; align-items: stretch; flex-direction: column; - gap: $gap; + @if ($gap != 0) { + gap: $gap; + } } @mixin round-bar($height) { box-sizing: border-box;