<template>
  <q-layout>
    <div class="layout-view">

      <div class="logo-margin">
        <img src="../assets/fouriers-nightmare-logo.png" width="100%">
      </div>
      <div class="row gutter justify-center wrap">
        <div class="column">
          <wave-viewer></wave-viewer>
          <wave-table class="horizontal-center"></wave-table>
        </div>

        <wave-editor></wave-editor>
      </div>
    </div>
  </q-layout>
</template>

<script>
  import WaveEditor from './WaveEditor'
  import WaveTable from './WaveTable'
  import WaveViewer from './WaveViewer'

  export default {
    name: 'game-container',
    components: {
      WaveEditor,
      WaveTable,
      WaveViewer
    },
    props: {

    },
    data () {
      return {
      }
    },
    computed: {

    },
    methods: {

    },
    mounted () {

    }
  }
</script>

<style>
  body {
    background: #444;
    color: #fff;
  }

  .logo-margin {
    margin: 10px;
  }

  .horizontal-center {
    margin: 0 auto;
  }
</style>
