diff --git a/cypress/fixtures/exampleItem.json b/cypress/fixtures/exampleItem.json new file mode 100644 index 0000000000000000000000000000000000000000..fd91203abd4b81b3f1440f40147260560da28c9f --- /dev/null +++ b/cypress/fixtures/exampleItem.json @@ -0,0 +1,10 @@ +{ + "item":{ + "id": "1", + "name":"eple", + "amount": {"quantity": "4","unit": "stk"}, + "image_url": "" + }, + "exp_date": "2222-02-22T00:00:00+00:00", + "amount": {"quantity": "2","unit": "stk"} +} diff --git a/src/components/ItemSearch.vue b/src/components/ItemSearch.vue index e1c06900723d2d34b5adffadf2edca0e29003289..c08c478be93bb9f4e6e4a9839821648b3f24bba6 100644 --- a/src/components/ItemSearch.vue +++ b/src/components/ItemSearch.vue @@ -98,6 +98,7 @@ button { button:hover { border: 1px solid base.$grey; background-color: base.$green; + cursor: pointer; } diff --git a/src/views/FridgeView.vue b/src/views/FridgeView.vue index 99b34bf692ecc6e0183a6552cf9fb6af88447c7e..f5fd1f030418dcdda7caf86da35716f4593dc74c 100644 --- a/src/views/FridgeView.vue +++ b/src/views/FridgeView.vue @@ -78,7 +78,7 @@ h1 { #itemContainer { background-color: base.$grey; - padding-bottom: 5em; + padding-bottom: 5em; } #addItemBtn { @@ -87,19 +87,23 @@ h1 { border-radius: 50%; font-size: 30px; border:none; - background-color: base.$green; + background-color: base.$light-green; color: white; box-shadow: 0px 0px 20px rgba(0,0,0,0.3); } -#addItemBtn-container { +#addItemBtn:hover { + background-color: base.$green; + color: white; + box-shadow: 0px 0px 20px rgba(0,0,0,0.5); + cursor: pointer; +} +#addItemBtn-container { padding-bottom: 9em; - z-index: 9999; position: fixed; bottom: 15px; right: 1em; } - </style> \ No newline at end of file