From 514fe0667c45db1f17ba47dd42691c7e39283891 Mon Sep 17 00:00:00 2001
From: ingrid <ingrimeg@stud.ntnu.no>
Date: Tue, 2 May 2023 13:19:39 +0200
Subject: [PATCH] la inn cursor:ponter. la inn hover-farger i scss fila
---
src/components/EatFridgeItemModal.vue | 17 ++++++++++++++---
src/components/FridgeItem.vue | 6 ++++--
src/style.scss | 4 ++++
3 files changed, 22 insertions(+), 5 deletions(-)
diff --git a/src/components/EatFridgeItemModal.vue b/src/components/EatFridgeItemModal.vue
index f788605..eacb71f 100644
--- a/src/components/EatFridgeItemModal.vue
+++ b/src/components/EatFridgeItemModal.vue
@@ -168,9 +168,12 @@ button {
color:white;
border:none;
}
-
-button:hover, #eatenBtn:hover {
- background-color: base.$grey;
+button:hover {
+ background-color: base.$red-hover;
+ cursor:pointer;
+}
+#eatenBtn:hover{
+ background-color: base.$green-hover;
}
#eatenBtn {
background-color: base.$green;
@@ -187,4 +190,12 @@ button:hover, #eatenBtn:hover {
border:none;
border-radius:5px;
}
+
+input:hover{
+ cursor:pointer;
+}
+
+#exitBtn:hover{
+ cursor:pointer;
+}
</style>
\ No newline at end of file
diff --git a/src/components/FridgeItem.vue b/src/components/FridgeItem.vue
index 2478410..d259d5d 100644
--- a/src/components/FridgeItem.vue
+++ b/src/components/FridgeItem.vue
@@ -134,12 +134,14 @@ img {
background-color: #00663C;
margin-right:.6em;
object-fit: cover;
-
-
}
#itemInfo{
width: 100%;
}
+#appleBtn:hover {
+ cursor:pointer;
+}
+
</style>
\ No newline at end of file
diff --git a/src/style.scss b/src/style.scss
index df31d23..b06ff2b 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -5,6 +5,10 @@ $white:#FFFFFF;
$grey:#D9D9D9;
$red:#EE6D6D;
+$red-hover: darken( $red, 10% );
+$green-hover: darken( $green, 10% );
+$light-green-hover: darken( $light-green, 10% );
+
$desktop-min: 800px;
$phone-min : 360px;
--
GitLab