Added scroll buttons to entity children.

This commit is contained in:
2020-06-28 03:19:09 +02:00
parent 7d31dd8d52
commit 6d337e7cb2
3 changed files with 146 additions and 35 deletions

View File

@@ -23,7 +23,7 @@
</template>
<script>
import Tag from '../tile/tag.vue';
import Tag from './tile.vue';
function sfw() {
return this.$store.state.ui.sfw;
@@ -146,7 +146,7 @@ export default {
.tiles {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(23rem, .33fr));
grid-template-columns: repeat(auto-fill, minmax(20rem, .33fr));
grid-gap: 1rem;
margin: 0 0 1.5rem 0;
}
@@ -158,13 +158,19 @@ export default {
@media(max-width: $breakpoint3) {
.tiles {
grid-template-columns: repeat(auto-fill, minmax(21rem, .5fr));
grid-template-columns: repeat(auto-fill, minmax(20rem, .5fr));
}
}
@media(max-width: $breakpoint) {
.tiles {
grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
}
}
@media(max-width: $breakpoint0) {
.tiles {
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
}
}
</style>