frishi/threetwo
1
0
Fork 0
Code Issues 9 Pull Requests 6 Actions Packages Projects Releases 2 Wiki Activity

🔧 Tweaking layout of the CV manual search form

Browse Source
This commit is contained in:
Rishi Ghan
2022-11-17 14:06:26 -08:00
parent af5f443cbe
commit 4556778a47
1 changed files with 18 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/client/components/ComicVineSearchForm.tsx
View File

@@ -42,20 +42,22 @@ export const ComicVineSearchForm = (data) => {
</span>
<div className="field is-horizontal">
<div className="field-body">
<Field name="issueName">
{(props) => (
<p className="control is-expanded has-icons-left">
<input
{...props.input}
className="input is-normal"
placeholder="Type the issue name"
/>
<span className="icon is-small is-left">
<i className="fas fa-journal-whills"></i>
</span>
</p>
)}
</Field>
<div className="field">
<Field name="issueName">
{(props) => (
<p className="control is-expanded has-icons-left">
<input
{...props.input}
className="input is-normal"
placeholder="Type the issue name"
/>
<span className="icon is-small is-left">
<i className="fas fa-journal-whills"></i>
</span>
</p>
)}
</Field>
</div>
</div>
</div>
@@ -103,10 +105,10 @@ export const ComicVineSearchForm = (data) => {
<div className="control">
<button
type="submit"
className="button is-info is-light is-outlined is-small"
className="button is-success is-light is-outlined is-small"
>
<span className="icon">
<i className="fas fa-hand-sparkles"></i>
<i className="fas fa-search"></i>
</span>
<span>Search</span>
</button>