From 1fe813a4d531b6ce3fccf3a333594d9cb5f01e38 Mon Sep 17 00:00:00 2001 From: Himanshu Narware Date: Mon, 16 Sep 2024 17:00:35 +0530 Subject: [PATCH] solve UI problem --- frontend/src/style/Footer.css | 1 + frontend/src/style/NotFound.css | 13 +++++++++++-- frontend/src/style/Rateus.css | 1 + 3 files changed, 13 insertions(+), 2 deletions(-) diff --git a/frontend/src/style/Footer.css b/frontend/src/style/Footer.css index 99ea9a50..219d1d12 100644 --- a/frontend/src/style/Footer.css +++ b/frontend/src/style/Footer.css @@ -3,6 +3,7 @@ /* margin-top: 5rem; */ background: #6a43c3; color: white; + width: 100vw; } /* Social Icons Hover Effects */ .outerD .icons { diff --git a/frontend/src/style/NotFound.css b/frontend/src/style/NotFound.css index de1a56e0..ac32f2a5 100644 --- a/frontend/src/style/NotFound.css +++ b/frontend/src/style/NotFound.css @@ -27,7 +27,16 @@ .not-found-image { max-width: 100%; height: auto; + border-radius: 5px; + margin-block:50px; + /* background-image: cross-fade(10px); */ +/* object-fit: contain; +filter: opacity(10)px; */ +/* background-color: rgba(224, 110, 110, 0.6); */ +/* background-blend-mode: lighten; */ +/* filter: blur(1px); */ } + .not-found-button { display: inline-block; @@ -35,8 +44,8 @@ top: 70%; left: 44%; padding: 10px 20px; - background-color: #007bff; - color: #fff; + background-color: #6600ff; + color: #ffffff; text-decoration: none; border: none; border-radius: 4px; diff --git a/frontend/src/style/Rateus.css b/frontend/src/style/Rateus.css index 75edfca8..1d19e13d 100644 --- a/frontend/src/style/Rateus.css +++ b/frontend/src/style/Rateus.css @@ -27,6 +27,7 @@ border-radius: 5px; background-color: #8B5CF6; transition: box-shadow 0.3s, transform 0.3s; + margin: 100px 20px; } .rate-us-container:hover {