Add padding between logo and search bar

rebecca-123 · rebecca-123 · commit 1860887ae5c2 · 2024-04-01T21:10:44.000-07:00
diff --git a/src/components/Home/Home.jsx b/src/components/Home/Home.jsx
@@ -327,7 +327,7 @@ export default function Home() {
           w={{ base: "100%", md: "40%" }}
           display={{ base: "none", md: "block" }}
         >
-          <InputGroup mt="1%" size={{ base: "md", md: "lg" }} mb="1%">
+          <InputGroup mt="1%" size={{ base: "md", md: "lg" }} mb="1%" padding={8}>
             <InputLeftAddon children="🔎" />
             <Input
               type="teal"

Original file line number	Diff line number	Diff line change
`@@ -327,7 +327,7 @@ export default function Home() {`
`327`	`327`	`w={{ base: "100%", md: "40%" }}`
`328`	`328`	`display={{ base: "none", md: "block" }}`
`329`	`329`	`>`
`330`		`- <InputGroup mt="1%" size={{ base: "md", md: "lg" }} mb="1%">`
	`330`	`+ <InputGroup mt="1%" size={{ base: "md", md: "lg" }} mb="1%" padding={8}>`
`331`	`331`	`<InputLeftAddon children="🔎" />`
`332`	`332`	`<Input`
`333`	`333`	`type="teal"`