diff --git a/src/components/ui/FetchedTags.vue b/src/components/ui/FetchedTags.vue index 481e3a475a0..6e159087c27 100644 --- a/src/components/ui/FetchedTags.vue +++ b/src/components/ui/FetchedTags.vue @@ -61,16 +61,17 @@ const columnStyle = computed(() => { </div> </div> </template> - <style lang="scss" scoped> .fetchedTags { align-items: center; .wrap { - flex-wrap: wrap; display: grid; } .inline-tag { + display: flex; + align-items: center; + justify-content: center; height: 1rem; margin: 0.05rem; color: var(--vn-label-color); @@ -85,7 +86,6 @@ const columnStyle = computed(() => { } .text { - vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; diff --git a/src/pages/Item/ItemList.vue b/src/pages/Item/ItemList.vue index dbbd11ce111..4aa3b13fe41 100644 --- a/src/pages/Item/ItemList.vue +++ b/src/pages/Item/ItemList.vue @@ -370,6 +370,7 @@ const columns = computed(() => [ .subName { text-transform: uppercase; color: var(--vn-label-color); + font-size: small; } </style> <i18n>