<template>
  <q-layout id="bg" class="fullscreen row justify-center items-center layout-view scroll">
    <q-card class="q-pa-md row items-center justify-center">
      <transition name="slide-right">
        <router-view class="child-view"/>
      </transition>
    </q-card>
  </q-layout>
</template>

<style lang="stylus" scoped>
  #bg
    background: repeating-linear-gradient(
      45deg,
      #f18d1a,
      #f18d1a 20px,
      $primary 20px,
      $primary 40px
    );
  .q-card
    border-radius 0
    width 600px
    height 100%
    min-height 580px
  .q-card > *
    width 280px
</style>

<script>
export default {
  name: 'LoginLayout'
}
</script>
