FDS2610/FSCash
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Design "Neuer Eintrag" angepasst

Browse source
This commit is contained in:
fds2610 2026-01-08 19:17:10 +01:00
parent 44aab110ed
commit 70a0961820
2 changed files with 73 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
html/assets/css/style.css
View file

@ -30,6 +30,55 @@ body {
padding: 20px; 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 */ /* Navigation */
.nav { .nav {
display: flex; display: flex;

19
html/new_entry.php
View file

@ -87,16 +87,31 @@ if (!empty($_POST) && isset($DEBUG)) { // $_SERVER['REQUEST_METHOD'] === 'POST'
</nav> </nav>
<h1>Neuer Eintrag</h1> <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> <input type="date" name="date" value="<?php echo $currentDate; ?>" required>
</div>
<div class="form-group">
<input type="text" name="user_id" hidden> <input type="text" name="user_id" hidden>
</div>
<div class="form-group">
<input type="text" name="person" placeholder="Zahler:In" required> <input type="text" name="person" placeholder="Zahler:In" required>
</div>
<div class="form-group">
<input type="text" name="category" placeholder="Kategorie"> <input type="text" name="category" placeholder="Kategorie">
</div>
<div class="form-group">
<input type="text" name="subject" placeholder="Betreff" required> <input type="text" name="subject" placeholder="Betreff" required>
</div>
<div class="form-group">
<input type="number" name="amount" placeholder="Betrag" required> <input type="number" name="amount" placeholder="Betrag" required>
</div>
<div class="form-group">
<input type="text" name="payment_method" placeholder="Zahlweise"> <input type="text" name="payment_method" placeholder="Zahlweise">
<button type="submit">Speichern</button> </div>
<button type="submit" class="btn-submit">Speichern</button>
</form> </form>
</div> </div>
<script src="assets/js/script.js"></script> <script src="assets/js/script.js"></script>
</body> </body>