From 086e735203ad1e7bb10a8b89ca9bfc01e5b18335 Mon Sep 17 00:00:00 2001 From: Ishmeetkaur36 Date: Fri, 17 May 2024 14:48:28 +0530 Subject: [PATCH 1/2] changes to index.css --- src/index.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/src/index.css b/src/index.css index c9e938c0..3c87fd49 100644 --- a/src/index.css +++ b/src/index.css @@ -31,6 +31,13 @@ code { inset -5px -10px 10px #0db5cb; margin-right: 10px; cursor: pointer; + transition: background-color 0.3 sec; +} + +.button:hover{ + background-color: #fff; + border-color: #b21783; + } .button2 { @@ -42,4 +49,11 @@ code { padding: 5px 15px; border-radius: 10px; margin: 0px 5px; + transition: background-color 0.3 sec; } + +.button2:hover{ + background-color: #fff; + border-color: #b21783; + +} \ No newline at end of file From 8706a9bb9d970184fa8f60b07a92e6ca8c6a71d7 Mon Sep 17 00:00:00 2001 From: Ishmeet Kaur Date: Fri, 17 May 2024 20:33:14 +0530 Subject: [PATCH 2/2] Update MainContainer.css updating MainContainer.css --- src/Components/MainContainer.css | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/src/Components/MainContainer.css b/src/Components/MainContainer.css index c1e830d8..fe5e29af 100644 --- a/src/Components/MainContainer.css +++ b/src/Components/MainContainer.css @@ -61,6 +61,11 @@ .maincontainer .left .banner .textContainer .bid p span { display: block; color: #0db5cb; + transition: color 0.3 sec; +} +.maincontainer .left .banner .textContainer .bid p span :hover{ + + color: white; } .maincontainer .left .cards { @@ -187,10 +192,18 @@ justify-content: space-between; align-items: center; padding: 5px 20px; +transition: background-color 0.3; } + .maincontainer .left .cards main .card_main .card_main_button:hover { + background-color:#e9e9ec + } .maincontainer .left .cards main .card_main .card_main_button .btn { font-size: 10px !important; +transition: background-color 0.3; +} +.maincontainer .left .cards main .card_main .card_main_button .btn :hover{ + background-color: #d34eb6; } .maincontainer .right { @@ -292,7 +305,11 @@ .maincontainer .right .bottom_card .topSeller .button { margin-left: auto; font-size: 10px; + transition: text-decoration-color 0.3 sec ; } +.maincontainer .right .bottom_card .topSeller .button :hover{ + text-decoration-color: #f1f1f1; +} .topSeller a{ cursor: pointer; } @@ -315,6 +332,10 @@ .maincontainer .left .cards .filters .filter_buttons { display: none; + transition: background-color 0.3 sec; + } + .maincontainer .left .cards .filters .filter_buttons :hover{ + background-color: white; } .maincontainer .right { @@ -359,5 +380,10 @@ .maincontainer .right .bottom_card .topSeller .button { font-size: 8px; + transition: background-color 0.3 sec ; + } + .maincontainer .right .bottom_card .topSeller .button :hover{ + background-color: #e9e9ec; } + }