From 6074dc6fd144ce38ba12d27db762cd965b226b27 Mon Sep 17 00:00:00 2001
From: Laurent <58115082+naaturel@users.noreply.github.com>
Date: Mon, 17 Mar 2025 10:51:32 +0100
Subject: [PATCH] They missed their flight...

---
 front/src/components/Button.vue     | 33 +++++++++++++++++++++++++++++
 front/src/components/InputField.vue | 13 ++++++++++++
 2 files changed, 46 insertions(+)
 create mode 100644 front/src/components/Button.vue
 create mode 100644 front/src/components/InputField.vue

diff --git a/front/src/components/Button.vue b/front/src/components/Button.vue
new file mode 100644
index 0000000..f128b81
--- /dev/null
+++ b/front/src/components/Button.vue
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+
+  const props = defineProps<{
+    description: string;
+  }>();
+
+</script>
+
+<template>
+  <div class="button">{{ description }}</div>
+</template>
+
+<style scoped>
+
+.button {
+  color: var(--primary-color);
+  text-align: center;
+  align-content: center;
+
+  border-radius: var(--radius);
+  background-color: var(--secondary-color);
+  word-break: break-word;
+  min-height: 7vh;
+}
+
+.button:hover
+{
+  transform: scale(1.1);
+  background-color: var(--header-color);
+  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
+}
+
+</style>
diff --git a/front/src/components/InputField.vue b/front/src/components/InputField.vue
new file mode 100644
index 0000000..1ae53ed
--- /dev/null
+++ b/front/src/components/InputField.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <div class="input-field">
+    <input/>
+  </div>
+</template>
+
+<style scoped>
+
+</style>