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 {
list-style: none;
display: flex;
.tag-item + .tag-item {
margin-left: 1rem;
.tag-item {
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;
}
}