From de853c4a963063bf651e0b247c77c44582f20c35 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?No=C3=A9=20Viricel?= Date: Mon, 7 Dec 2020 00:12:54 +0100 Subject: [PATCH] Add gradient on Add Fruit button --- src/components/Header.vue | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/components/Header.vue b/src/components/Header.vue index 1ba0112..3e6fb11 100644 --- 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%); + } } } }