Skip to content

Commit 2b0f76b

Browse files
docs: improve styling for form submission example (#2899)
![before](https://github.com/user-attachments/assets/3936dcc6-d9f4-49e3-8b53-973a21eaadcd) ![after](https://github.com/user-attachments/assets/8abdb950-6473-4f0a-a27d-4a8b09229a57) ## 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 styling makes it difficult to recognize the search input field and button, as they appear as plain text elements without any visual distinction.
1 parent 54d18d8 commit 2b0f76b

File tree

2 files changed

+6
-3
lines changed

2 files changed

+6
-3
lines changed

deno.lock

Lines changed: 2 additions & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

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

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -53,8 +53,10 @@ 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>
6062
{results.map((name) => <li key={name}>{name}</li>)}

0 commit comments

Comments
 (0)