diff --git a/src/components/common/lang-switch.vue b/src/components/common/lang-switch.vue index 466720c6..bd9d2ec0 100644 --- a/src/components/common/lang-switch.vue +++ b/src/components/common/lang-switch.vue @@ -31,13 +31,25 @@ const tooltipContent = computed(() => { return $t('icon.lang'); }); +/** Add bottom margin to all options except the last one for proper visual separation */ +const dropdownOptions = computed(() => { + const lastIndex = props.langOptions.length - 1; + + return props.langOptions.map((option, index) => ({ + ...option, + props: { + class: index < lastIndex ? 'mb-1' : undefined + } + })); +}); + function changeLang(lang: App.I18n.LangType) { emit('changeLang', lang); }