diff --git a/src/components/EatFridgeItemModal.vue b/src/components/EatFridgeItemModal.vue new file mode 100644 index 0000000000000000000000000000000000000000..57cd31e7d3a12831a25248c6e5667d8809e80ed2 --- /dev/null +++ b/src/components/EatFridgeItemModal.vue @@ -0,0 +1,37 @@ +<template> + <div id="popup"> + <p>Hvor mye har du spist?</p> + <br> + <br> + <p>50%</p> + <p>|----------o-----------|</p> + <p>.</p> + <div id="buttons"> + <button>ALT</button> + <button>Ingen ting</button> + </div> + </div> +</template> + +<script> +export default { + name: "EatFridgeItemModal", +} +</script> + +<style scoped lang="scss"> +#popup { + background-color: turquoise; + color: black; + width: 50%; + display:flex; + flex-direction: column; + align-items: center; + +} + +#buttons { + justify-content: center; + display: flex; +} +</style> \ No newline at end of file diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index 3cd834844d28a04cebd142f1d9203a0ddd8216bb..0042ce11028eb6298aee8430e093d14404dd3b5b 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -1,9 +1,11 @@ <script setup> +import EatFridgeItemModal from "@/components/EatFridgeItemModal.vue"; </script> <template> <main> + <eat-fridge-item-modal></eat-fridge-item-modal> <p>HALLO</p> </main> </template>