Design "Neuer Eintrag" angepasst
This commit is contained in:
parent
44aab110ed
commit
70a0961820
2 changed files with 73 additions and 9 deletions
|
|
@ -30,6 +30,55 @@ body {
|
|||
padding: 20px;
|
||||
}
|
||||
|
||||
/* Formular-Stile */
|
||||
.form-container {
|
||||
background: white;
|
||||
padding: 25px;
|
||||
border-radius: var(--border-radius);
|
||||
box-shadow: var(--box-shadow);
|
||||
margin: 20px 0;
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.form-group input {
|
||||
width: 95%;
|
||||
padding: 12px 15px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: var(--border-radius);
|
||||
font-size: 22px;
|
||||
transition: border-color 0.3s ease;
|
||||
}
|
||||
|
||||
.form-group input:focus {
|
||||
border-color: var(--primary-color);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.btn-submit {
|
||||
display: inline-block;
|
||||
background: var(--primary-color);
|
||||
color: white;
|
||||
padding: 12px 20px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
border-radius: var(--border-radius);
|
||||
font-weight: 600;
|
||||
font-size: 22px;
|
||||
box-shadow: var(--box-shadow);
|
||||
transition: var(--transition);
|
||||
cursor: pointer;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.btn-submit:hover {
|
||||
background: var(--primary-hover);
|
||||
}
|
||||
|
||||
/* Navigation */
|
||||
.nav {
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -87,16 +87,31 @@ if (!empty($_POST) && isset($DEBUG)) { // $_SERVER['REQUEST_METHOD'] === 'POST'
|
|||
</nav>
|
||||
|
||||
<h1>Neuer Eintrag</h1>
|
||||
<form action="new_entry.php" method="post">
|
||||
<form action="new_entry.php" method="post" class="form-container">
|
||||
<div class="form-group">
|
||||
<input type="date" name="date" value="<?php echo $currentDate; ?>" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="text" name="user_id" hidden>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="text" name="person" placeholder="Zahler:In" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="text" name="category" placeholder="Kategorie">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="text" name="subject" placeholder="Betreff" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="number" name="amount" placeholder="Betrag" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="text" name="payment_method" placeholder="Zahlweise">
|
||||
<button type="submit">Speichern</button>
|
||||
</div>
|
||||
<button type="submit" class="btn-submit">Speichern</button>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<script src="assets/js/script.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue