verdnatura/salix-front
verdnatura
/
salix-front
2
2
Fork 1
Code Issues Pull Requests 85 Releases Wiki Activity

style: refs #8004 update layout and styling in FetchedTags and ItemList components

This commit is contained in:
Pablo Natek 2024-12-16 13:44:09 +01:00
parent bef0f25e88
commit 2985583353
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ui/FetchedTags.vue
View File

@ -61,16 +61,17 @@ const columnStyle = computed(() => {
</div> </div>
</div> </div>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.fetchedTags { .fetchedTags {
align-items: center; align-items: center;
.wrap { .wrap {
flex-wrap: wrap;
display: grid; display: grid;
} }
.inline-tag { .inline-tag {
display: flex;
align-items: center;
justify-content: center;
height: 1rem; height: 1rem;
margin: 0.05rem; margin: 0.05rem;
color: var(--vn-label-color); color: var(--vn-label-color);
@ -85,7 +86,6 @@ const columnStyle = computed(() => {
} }
.text { .text {
vertical-align: middle;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;

1
src/pages/Item/ItemList.vue
View File

@ -370,6 +370,7 @@ const columns = computed(() => [
.subName { .subName {
text-transform: uppercase; text-transform: uppercase;
color: var(--vn-label-color); color: var(--vn-label-color);
font-size: small;
} }
</style> </style>
<i18n> <i18n>