55 lines
1.6 KiB
Vue
55 lines
1.6 KiB
Vue
<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>
|