media query for mobile screens

This commit is contained in:
Ali Gator 2022-01-15 15:03:24 +01:00
parent d29cbb307b
commit d19699ab90
2 changed files with 20 additions and 1 deletions

View File

@ -29,4 +29,23 @@ export default {
padding: 0 10px;
overflow-y: scroll;
}
@media screen and (max-width: 800px) {
#container {
display: flex;
flex-direction: column;
justify-content: center;
}
#mainContent {
flex: 1;
width: 100%;
}
#sidebar {
flex: 1;
padding: 0;
width: 100%;
}
}
</style>

View File

@ -25,7 +25,7 @@ export default new Vuex.Store({
canvasHeight: 0,
refreshRate: 300,
initial1dState: "onecell",
activeMenu: "Elementary Cellular Automata",
activeMenu: "",
drawingDirection: "y",
lastBoard: {}
},