fix tag list overflow and mobile

This commit is contained in:
Yves Gatesoupe 2021-11-29 22:18:42 +01:00
parent 33aef1e4fa
commit a3d3be3244

View File

@ -1,9 +1,13 @@
.tag-list { .tag-list {
list-style: none; list-style: none;
display: flex;
.tag-item + .tag-item { .tag-item {
margin-left: 1rem; display: inline-block;
margin-bottom: .5rem;
}
.tag-item {
margin-right: 1rem;
} }
} }
@ -20,3 +24,14 @@
} }
} }
} }
@media (max-width: 575.98px) {
.tag-list {
display: flex;
overflow-y: scroll;
}
.tag-item {
flex-shrink: 0;
}
}