From 4bf6e99c3c65695d066c4af9b14e777eb9f11af6 Mon Sep 17 00:00:00 2001
From: Aymeric Chaumont <aymeric.chaumont@student-cs.fr>
Date: Thu, 21 Jul 2022 16:56:08 +0200
Subject: [PATCH] added color transitions on hover
---
frontend/src/styles/Header.css | 4 ++--
frontend/src/styles/Home.css | 7 ++++++-
2 files changed, 8 insertions(+), 3 deletions(-)
diff --git a/frontend/src/styles/Header.css b/frontend/src/styles/Header.css
index 69c8910..768b727 100644
--- a/frontend/src/styles/Header.css
+++ b/frontend/src/styles/Header.css
@@ -14,7 +14,7 @@
}
#header-home-link:hover {
- color: #6E83F9;
+ color: #C2D1F9;
}
#header-restaurant-status {
@@ -37,7 +37,7 @@
#header-button:hover {
cursor: pointer;
- color: #6E83F9;
+ color: #C2D1F9;
}
@media only screen and (max-width: 600px) {
diff --git a/frontend/src/styles/Home.css b/frontend/src/styles/Home.css
index 64a2e89..2a326d1 100644
--- a/frontend/src/styles/Home.css
+++ b/frontend/src/styles/Home.css
@@ -36,10 +36,15 @@
font-weight: bold;
text-decoration: none;
white-space: nowrap;
+ transition: 0.3s;
+}
+
+.home-link-item + span {
+ transition: 0.3s;
}
.home-link-item:hover {
- color: inherit;
+ color: #C2D1F9;
}
.home-link-item:hover + span {
--
GitLab