RuscoMap/ruscomap
5
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

betterform

Browse source
This commit is contained in:
scossa 2024-08-20 23:14:59 +02:00
parent d146249a8a
commit c1350314eb
2 changed files with 22 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
public/css/map.css
View file

@ -74,14 +74,21 @@ textarea[name="description"] {
}
.file-label {
background-color: #4CAF50; /* Button color */
color: white;
background-color: #e9e9ed; /* Button color */
color: rgb(0, 0, 0);
border: 100cm;
border-color: black;
padding: 10px 20px;
border-radius: 5px;
border-radius: 50px;
cursor: pointer;
margin-bottom: 10px; /* Space between button and file name */
}
.file-label:hover {
background-color: #bec3c9; /* Background color on hover */
}
.file-chosen {
font-size: 14px;
color: #555;

20
public/index.html
View file

@ -29,21 +29,25 @@
</div>
<div id="remainingForm" style="display: none;">
<label>Nome</label>
<br><input name="name" required type="text" />
<br><br><label>Descrizione</label>
<br><textarea name="description" required></textarea>
<br><br><div class="file-upload">
<input name="name" required type="text" />
<br><br>
<label>Descrizione</label>
<textarea name="description" required></textarea>
<br><br>
<div class="file-upload">
<input name="image" required type="file" id="file-input" class="file-input" accept="image/x-png,image/jpeg,image/jpg"/>
<label for="file-input" class="file-label">Choose File</label><br><br>
<span class="file-chosen"></span>
<label for="file-input" class="file-label">Scegli File</label>
<br><br>
<span class="file-chosen"> </span>
</div>
<!-- <br><input
<!-- <input
name="image"
required
type="file"
accept="image/x-png,image/jpeg,image/jpg"
/> -->
<br><button>Aggiungi Marker</button>
<br>
<button>Aggiungi Marker</button>
</div>
</form>
</div>