Quick fix for world with many maps defined
Need a better long term solution for this
This commit is contained in:
parent
c1ed50f8c4
commit
ca9b3ce1f4
@ -90,17 +90,22 @@ export default defineComponent({
|
|||||||
|
|
||||||
.world__maps {
|
.world__maps {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex: 0 0 auto;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
max-width: 11.1rem;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
padding-right: 0.2rem;
|
padding-right: 0.2rem;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
margin-right: -0.5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.map {
|
.map {
|
||||||
width: 3.2rem;
|
width: 3.2rem;
|
||||||
height: 3.2rem;
|
height: 3.2rem;
|
||||||
|
margin-right: 0.5rem;
|
||||||
|
|
||||||
.svg-icon {
|
.svg-icon {
|
||||||
top: 0.2rem !important;
|
top: 0.2rem !important;
|
||||||
@ -110,9 +115,5 @@ export default defineComponent({
|
|||||||
width: calc(100% - 0.4rem) !important;
|
width: calc(100% - 0.4rem) !important;
|
||||||
height: auto !important;
|
height: auto !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
& ~ .map {
|
|
||||||
margin-left: 0.5rem;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
Loading…
Reference in New Issue
Block a user