Refactor color theme temporarily, style the search bar to have a more rounded shape

2025-07-17 11:33:16 -07:00
parent 7da843b573
commit 02b4b8ee45
2 changed files with 12 additions and 4 deletions
@@ -1,10 +1,16 @@
 import { Input, InputGroup } from "@chakra-ui/react";
 import { FiSearch } from "react-icons/fi"

-export function SearchBar({ placeholder="Search...", size="sm", width="200px"}) {
+export function SearchBar({ placeholder="Enter a volcano to search", size="sm", width="210px" }) {
    return (
        <InputGroup startElement={<FiSearch />}>
-            <Input placeholder="Enter volcano to search" />
+            <Input 
+                placeholder={placeholder} 
+                size={size}
+                width={width}
+                borderRadius="full" 
+
+            />
        </InputGroup>
    );
 }