use h1 for modal titles

This commit is contained in:
np.w
2021-03-02 16:52:09 -06:00
parent 1bc3db4a34
commit 5ba1f78155
2 changed files with 3 additions and 2 deletions
+2 -2
View File
@@ -390,7 +390,7 @@ function App() {
const boxForm = const boxForm =
<form id="form"> <form id="form">
<InputBox id="id" name="id" value={boxID} readOnly={true} hidden={true} /> <InputBox id="id" name="id" value={boxID} readOnly={true} hidden={true} />
<legend>Edit Box</legend> <h1>Edit Box</h1>
<fieldset> <fieldset>
<InputBox id="box-name" label='name' onChange={boxHandler.handleName} value={boxName} name="name" type="text" /> <InputBox id="box-name" label='name' onChange={boxHandler.handleName} value={boxName} name="name" type="text" />
<InputBox id="box-description" label='description' onChange={boxHandler.handleDescription} value={boxDescription} name="description" type="text" /> <InputBox id="box-description" label='description' onChange={boxHandler.handleDescription} value={boxDescription} name="description" type="text" />
@@ -399,7 +399,7 @@ function App() {
</form> </form>
const itemForm = <form id="form"> const itemForm = <form id="form">
<legend>Edit Item</legend> <h1>Edit Item</h1>
<fieldset> <fieldset>
<input id="id" name="id" value={itemID} readOnly hidden></input> <input id="id" name="id" value={itemID} readOnly hidden></input>
<label htmlFor="item-name">name <label htmlFor="item-name">name
+1
View File
@@ -1,5 +1,6 @@
label { label {
display: block; display: block;
margin: 0 0 0.4rem 0;
} }
input { input {
border: 1px solid grey; border: 1px solid grey;