ok

2025-01-06 16:56:13 +07:00
parent 918c923143
commit a172e9c453
2 changed files with 77 additions and 58 deletions
--- a/src/components/MusicPlayer.css
+++ b/src/components/MusicPlayer.css
@@ -302,18 +302,19 @@
 .search-button {
  display: block;
  margin: 1rem auto 0;
-
  flex-grow: 1;
  border: none;
  border-radius: 25px;
  padding: 10px 15px;
  font-size: 16px;
  outline: none;
-  background-color: #f4efe6;
+  background-color: #f4efe6; /* Original color */
  color: black;
  font-weight: bold;
+  transition: background-color 1s ease; /* Smoothly transition background color over 1 second */
 }

-.search-button:hover {
-  background-color: #0056b3;
+.search-button.clicked {
+  background-color: #d0c7b3; /* The color when clicked */
 }
+