<template>
  <div class="q-pa-md">
    <!-- header und toolbar dürfen nur im Layout sein -->
<!--
      <q-header reveal class="bg-white" text="green-8">
        <q-toolbar>
          <q-toolbar-title class="bg-white text-green-8">Login</q-toolbar-title>
        </q-toolbar>
      </q-header>
-->
          <div class="q-pa-md">
            <div class="column" style="">
              <div class="col">
                <div class="q-pa-md">
                  <div class="q-gutter-md" style="max-width: 300px">
                    <q-input v-model="text" label="Benutzername"/>
                  </div>
                </div>
              </div>
              <div class="col">
                <div class="q-pa-md">
                  <div class="q-gutter-md" style="max-width: 300px">
                    <q-input v-model="text" label="Passwort"/>
                  </div>
                </div>
              </div>
              <div class="col">
                <div class="q-pa-md">
                  <div class="q-gutter-md" style="max-width: 300px">
                    <q-btn
                      fab
                      color="bg-white"
                      text-color="green-8"
                      icon="keyboard_arrow_right"
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!--<q-page-sticky position="bottom-right" :offset="[18, 18]">-->
          <!--</q-page-sticky>-->
  </div>
</template>

<script>
  export default {
    data() {
      return {
        text: ""
      };
    }
  };
</script>
