change width, oderBy slug_asc

This commit is contained in:
ogerly 2022-10-27 11:40:22 +02:00
parent d4b921a25c
commit baaa61761d
2 changed files with 11 additions and 11 deletions

View File

@ -58,22 +58,22 @@ export default {
flex-grow: 1; flex-grow: 1;
> .item { > .item {
width: 50%; width: 30%;
padding: 0 $space-x-small; padding: 0 $space-x-small;
margin-bottom: $space-small; margin-bottom: $space-small;
text-align: center; text-align: center;
@media only screen and (max-width: 800px) { // @media only screen and (max-width: 800px) {
width: 50%; // width: 30%;
} // }
@media only screen and (max-width: 630px) { // @media only screen and (max-width: 630px) {
width: 40%; // width: 30%;
} // }
@media only screen and (max-width: 440px) { // @media only screen and (max-width: 440px) {
width: 30%; // width: 30%;
} // }
} }
} }

View File

@ -3,7 +3,7 @@ import gql from 'graphql-tag'
export default () => { export default () => {
return gql` return gql`
query { query {
Category { Category(orderBy: slug_asc) {
id id
slug slug
icon icon