gilles/webgems
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix mobile

Browse Source
This commit is contained in:
André Weller
2019-05-14 15:29:09 +02:00
parent 9937ca27e4
commit ebeb983e20
1 changed files with 18 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
layouts/default.vue
View File

@@ -49,13 +49,13 @@ a {
.layout { .layout {
display: grid; display: grid;
grid-template-columns: 100px 100px auto; grid-template-columns: 20vw auto;
grid-gap: 1rem; grid-gap: 1rem;
margin-top: 1rem; margin-top: 1rem;
grid-template-areas: grid-template-areas:
'logo logo search' 'logo search'
'. . .' '. .'
'sidebar sidebar content'; 'sidebar content';
} }
.logo { .logo {
@@ -81,4 +81,18 @@ a {
grid-gap: 2rem; grid-gap: 2rem;
} }
@media (max-width: 500px) {
.layout {
display: grid;
grid-template-columns: auto;
grid-gap: 1rem;
margin-top: 1rem;
grid-template-areas:
'logo'
'search'
'sidebar'
'content';
}
}
</style> </style>