48 lines
834 B
Vue
48 lines
834 B
Vue
|
<template>
|
||
|
<div class="app-container">
|
||
|
<div class="btn-container">
|
||
|
<RestartButton />
|
||
|
</div>
|
||
|
|
||
|
<div class="btn-container">
|
||
|
<StopButton />
|
||
|
</div>
|
||
|
</div>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
import RestartButton from "@/components/elements/RestartButton"
|
||
|
import StopButton from "@/components/elements/StopButton"
|
||
|
|
||
|
export default {
|
||
|
name: "Application",
|
||
|
components: {RestartButton, StopButton},
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<style lang="scss" scoped>
|
||
|
.app-container {
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
position: relative;
|
||
|
margin: 0;
|
||
|
background: $background-color;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
|
||
|
:deep(.btn-container) {
|
||
|
margin-bottom: 1em;
|
||
|
|
||
|
button {
|
||
|
width: 15em;
|
||
|
|
||
|
&:hover {
|
||
|
border: 1px solid $default-hover-fg;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
</style>
|