Add gradient on Add Fruit button

2020-12-07 00:12:54 +01:00
parent 19262ceffe
commit de853c4a96
1 changed files with 5 additions and 1 deletions
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -55,11 +55,15 @@ header {
      height: 42px;
      border: none;
      border-radius: 50%;
-      background-color: @color-1;
      color: @color-2;
      font-size: 28px;
      font-weight: lighter;
      text-align: center;
+      background: linear-gradient(112.4deg, #1c9797 11.05%, #147171 89.93%);
+
+      &:hover {
+        background: linear-gradient(0deg, #1c9797 11.05%, #147171 89.93%);
+      }
    }
  }
 }