css kram und input felder begrenzt

This commit is contained in:
fingadumbledore 2023-07-10 07:39:32 +02:00
parent f9affd22db
commit bd68c79469
3 changed files with 58 additions and 6 deletions

View File

@ -297,9 +297,61 @@ color: #fff;
border: 1px solid #555;
}
.submit_button{
position: fixed;
width: 250px;
height: 50px;
background-color: #454443;
border-radius: 10px;
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 60%;
border: none;
padding: 10px;
color: white;
font-size: 16px;
bottom: 10%;
top: 90%;
right: 20%;
}
input[type="text"],
.event_input{
position: fixed;
width: 20%;
padding: 10px;
font-size: 16px;
border-radius: 5px;
background-color: #0d0d0c;
color: rgb(220, 220, 210);
border: 2px solid #555;
outline: none;
bottom: 20%;
bottom: 10%;
top: 90%;
right: 59%;
}
.event_time{
position: fixed;
width: 5%;
height: 2%;
padding: 10px;
font-size: 16px;
border-radius: 5px;
background-color: #0d0d0c;
color: rgb(220, 220, 210);
border: 2px solid #555;
outline: none;
bottom: 20%;
bottom: 10%;
top: 90%;
right: 37%;
}
input[type="datetime-local"],
input[type="number"],
input[type="email"],

View File

@ -9,7 +9,7 @@
<h1>Party Controller</h1>
<form action="/api/login">
<div class="button-container">
<input type="text" name="name" value="Name" maxlength="20">
<input type="text" name="name" placeholder="Name" maxlength="20" minlength="1" required>
<button class="button" type="submit">Login</button>
</div>
</form>

View File

@ -66,11 +66,11 @@
</tbody>
</table>
<form action="/apit/get_events">
<input typ="text" name="Event" value="Essen">
<input type="datetime-local" id="meeting-time"
<input class="event_input" typ="text" name="Event" placeholder="Essen" maxlength="20" minlength="1" required>
<input class="event_time" type="datetime-local" id="meeting-time"
name="meeting-time" value="2023-12-31T12:00"
min="2023-12-31T00:00" max="2024-01-01T18:00">
<input typ="submit" value="submit">
min="2023-12-31T00:00" max="2024-01-01T18:00" required>
<button class="submit_button" type="submit">Hinzufügen</button>
</form>
</div>
<div class="hidden-div">