diff --git a/WebUI/src/assets/css/main.css b/WebUI/src/assets/css/main.css index df661f8b..30e151c5 100644 --- a/WebUI/src/assets/css/main.css +++ b/WebUI/src/assets/css/main.css @@ -332,12 +332,11 @@ textarea { z-index: 99; .panel-tab { + padding: 3px; width: 110px; - height: 30px; font-size: 14px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.2); - line-height: 30px; &.active { background-color: #26272c; diff --git a/WebUI/src/views/AppSettings.vue b/WebUI/src/views/AppSettings.vue index d87a93eb..c4f97d56 100644 --- a/WebUI/src/views/AppSettings.vue +++ b/WebUI/src/views/AppSettings.vue @@ -3,8 +3,8 @@ id="app-settings-panel" class="settings-panel absolute right-0 top-0 h-full bg-color-bg-main text-sm text-white py-4" > - <div class="flex justify-between items-center px-3"> - <div class="flex items-center gap-2"> + <div class="flex justify-between px-3"> + <div class="flex items-stretch gap-2"> <button class="panel-tab" :class="{ active: tabIndex == 0 }" @click="tabIndex = 0"> {{ languages.SETTINGS_TAB_IMAGE }} </button>