From b22ebc4b3cef7125db8bd5a3e897e5bb9d3f0ac7 Mon Sep 17 00:00:00 2001
From: ingrid <ingrimeg@stud.ntnu.no>
Date: Fri, 21 Apr 2023 15:03:35 +0200
Subject: [PATCH] =?UTF-8?q?startet=20p=C3=A5=20popup?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/components/EatFridgeItemModal.vue | 37 +++++++++++++++++++++++++++
src/views/HomeView.vue | 2 ++
2 files changed, 39 insertions(+)
create mode 100644 src/components/EatFridgeItemModal.vue
diff --git a/src/components/EatFridgeItemModal.vue b/src/components/EatFridgeItemModal.vue
new file mode 100644
index 0000000..57cd31e
--- /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 3cd8348..0042ce1 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>
--
GitLab