Update index.css

arc53 · Oct 31, 2023 · 555b5ba · 555b5ba
1 parent 274c400
commit 555b5ba
Showing 1 changed file with 18 additions and 1 deletion.
diff --git a/frontend/src/index.css b/frontend/src/index.css
@@ -33,7 +33,6 @@ body {
   font-family: 'Inter', sans-serif;
 }
 
-/* Styling for the Search Bar */
 input[type="text"] {
   border: 1px solid #ccc;
   border-radius: 4px;
@@ -50,6 +49,24 @@ input[type="text"]::placeholder {
   opacity: 1; /* Placeholder text opacity */
 }
 
+/* Additional Styles for "Find a chat" Input */
+input[type="text"] {
+  width: 100%;
+  height: 40px; /* Adjust the height as needed */
+  font-size: 16px; /* Adjust the font size as needed */
+  border: 2px solid #007BFF; /* Adjust the border color as needed */
+  border-radius: 20px; /* Adjust the border radius as needed */
+  padding: 10px;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
+}
+
+input[type="text"]::placeholder {
+  color: #9ca3af; /* Placeholder text color */
+  opacity: 0.7; /* Adjust the placeholder text opacity as needed */
+}
+
 /**
  * Render the `main` element consistently in IE.
  */