explorata/src/App.vue

67 lines
970 B
Vue
Raw Normal View History

2022-01-08 13:12:15 +01:00
<template>
<div id="main">
<h1 id="main-title">Cellular Automata Explorer</h1>
<div id="container">
<MainMenu />
<CanvasBoard />
</div>
2022-01-08 13:12:15 +01:00
</div>
</template>
<script>
import MainMenu from "./components/MainMenu.vue";
import CanvasBoard from "./components/CanvasBoard.vue";
2022-01-08 13:12:15 +01:00
export default {
name: "App",
2022-01-08 13:12:15 +01:00
components: {
MainMenu,
CanvasBoard,
},
};
2022-01-08 13:12:15 +01:00
</script>
<style>
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
/* color: #2c3e50; */
2022-01-08 13:12:15 +01:00
}
* {
margin: 0;
padding: 0;
2022-01-08 13:12:15 +01:00
}
body {
background: black;
color: white;
font-family: Courier New;
2022-01-08 13:12:15 +01:00
}
canvas {
flex: auto;
background: #110812;
margin-right: 10px;
2022-01-08 13:12:15 +01:00
}
h1,
h2 {
font-weight: bold;
2022-01-08 13:12:15 +01:00
}
h1 {
margin: 10px auto;
font-size: larger;
text-align: center;
2022-01-08 13:12:15 +01:00
}
#container {
display: flex;
height: calc(100vh - 100px);
overflow: hidden;
2022-01-08 13:12:15 +01:00
}
</style>