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 { .file-label {
background-color: #4CAF50; /* Button color */ background-color: #e9e9ed; /* Button color */
color: white; color: rgb(0, 0, 0);
border: 100cm;
border-color: black;
padding: 10px 20px; padding: 10px 20px;
border-radius: 5px; border-radius: 50px;
cursor: pointer; cursor: pointer;
margin-bottom: 10px; /* Space between button and file name */ margin-bottom: 10px; /* Space between button and file name */
} }
.file-label:hover {
background-color: #bec3c9; /* Background color on hover */
}
.file-chosen { .file-chosen {
font-size: 14px; font-size: 14px;
color: #555; color: #555;

20
public/index.html
View file

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