diff --git a/src/App.vue b/src/App.vue index f93020e90e20bd5d9c8ef018aca893f3468bfdf8..5c35fce71abcdb9e298fd1ee444dc620c0273aae 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,5 +1,5 @@ <script setup lang="ts"> -import Form from "./components/Form.vue" +import Form from "./components/Form.vue"; import Lottie from "./components/Lottie.vue"; import { ref } from "vue"; @@ -8,25 +8,24 @@ const vorname = ref(""); const nachname = ref(""); const funktionZeileEins = ref(""); const funktionZeileZwei = ref(""); - </script> <template> <div class="appGrid"> - <div class="form"> - <Form v-model:vorname="vorname" - v-model:nachname="nachname" - v-model:funktionZeileEins="funktionZeileEins" - v-model:funktionZeileZwei="funktionZeileZwei"></Form> - </div> - <div class="form" > - <Lottie :vorname="vorname" - :nachname="nachname" - :funktionZeileEins="funktionZeileEins" - :funktionZeileZwei="funktionZeileZwei"></Lottie> - </div> + <Form + v-model:vorname="vorname" + v-model:nachname="nachname" + v-model:funktionZeileEins="funktionZeileEins" + v-model:funktionZeileZwei="funktionZeileZwei" + ></Form> + + <Lottie + :vorname="vorname" + :nachname="nachname" + :funktionZeileEins="funktionZeileEins" + :funktionZeileZwei="funktionZeileZwei" + ></Lottie> </div> - </template> <style scoped> @@ -50,7 +49,5 @@ const funktionZeileZwei = ref(""); } .form { - /* width: 50%; - max-width: 500px; */ } </style>