Skip to content

Commit 5cf8980

Browse files
Chore:Search Box and Input Style Enhancement
## Changes - Added border and padding to the search input field for better visibility - Added light gray background and border to the search button for better clickability ## Why The original search box styling was too minimal and not prominent enough, affecting user experience. Basic styling has been added to make the search functionality more intuitive.
1 parent 54d18d8 commit 5cf8980

1 file changed

Lines changed: 7 additions & 3 deletions

File tree

docs/latest/getting-started/form-submissions.md

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -53,11 +53,15 @@ export default function Page({ data }: PageProps<Data>) {
5353
return (
5454
<div>
5555
<form>
56-
<input type="text" name="q" value={query} />
57-
<button type="submit">Search</button>
56+
<input type="text" name="q" value={query} class="border p-1" />
57+
<button type="submit" class="ml-1 px-2 py-1 bg-gray-100 border">
58+
Search
59+
</button>
5860
</form>
5961
<ul>
60-
{results.map((name) => <li key={name}>{name}</li>)}
62+
{results.map((name) => (
63+
<li key={name}>{name}</li>
64+
))}
6165
</ul>
6266
</div>
6367
);

0 commit comments

Comments
 (0)