diff --git a/src/components/Dialog/DictionaryManageDialog.vue b/src/components/Dialog/DictionaryManageDialog.vue index f8bfb269..a4b4851c 100644 --- a/src/components/Dialog/DictionaryManageDialog.vue +++ b/src/components/Dialog/DictionaryManageDialog.vue @@ -60,6 +60,7 @@ tag="label" clickable :active="selectedId === key" + class="word-list-item" activeClass="active-word" @click="selectWord(key)" > @@ -67,7 +68,10 @@ {{ value.surface }} - {{ value.yomi }} [{{ wordTypeLabels[getWordTypeFromPartOfSpeech(value)] }}] + + {{ value.yomi }} [{{ wordTypeLabels[getWordTypeFromPartOfSpeech(value)] }}] + 優先度:{{ value.priority }} + @@ -543,11 +547,16 @@ provide(dictionaryManageDialogContextKey, { ); width: 100%; overflow-y: auto; -} -.active-word { - background: hsl(206 66% 32% / 1); - border-right: 4px solid colors.$primary; + .word-list-item { + padding-right: 16px; + + &.active-word { + background: hsl(206 66% 32% / 1); + padding-right: 12px; + border-right: 4px solid colors.$primary; + } + } } .loading-dict {