moerp/elo-rezept-rechner
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

version left
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source
This commit is contained in:
moerp 2024-02-01 17:03:29 +01:00
parent 4f6d3de79c
commit ca734fda32
2 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/static/style.css
View File

@ -89,9 +89,20 @@ tr:hover:not(.selected) {
border-radius: 10px; border-radius: 10px;
} }
#navbar .navbar-header {
display: flex;
align-items: center;
}
#navbar h1 { #navbar h1 {
margin: 0; margin: 0;
font-size: 24px; font-size: 24px;
display: inline-block;
}
#navbar .versionid {
margin-left: 20px;
display: inline-block;
} }
#navbar ul { #navbar ul {
@ -113,13 +124,10 @@ tr:hover:not(.selected) {
transition: background-color 0.3s; transition: background-color 0.3s;
} }
#navbar a:hover { #navbar a:hover, #navbar a.active {
background-color: #007344; /* Etwas helleres Grün */ background-color: #007344; /* Etwas helleres Grün */
} }
#navbar a.active {
background-color: #008C50; /* Mittleres Grün */
}
.content { .content {

9
src/templates/nutrition.html
View File

@ -110,7 +110,7 @@
function deleteRowsIfPasswordCorrect() { function deleteRowsIfPasswordCorrect() {
const password = document.getElementById('password-input').value; const password = document.getElementById('password-input').value;
if (password === 'wowmuchsecurity') { if (password === 'geheim') {
deleteSelectedRows(); // Funktion, die die ausgewählten Zeilen löscht deleteSelectedRows(); // Funktion, die die ausgewählten Zeilen löscht
hidePasswordPrompt(); hidePasswordPrompt();
} else { } else {
@ -177,14 +177,17 @@
</head> </head>
<body> <body>
<nav id="navbar"> <nav id="navbar">
<h1>Elo's Rezept Rechner</h1> <div class="navbar-header">
<ul> <h1>Elo's Rezept Rechner</h1>
<li class="versionid">VERSION_ID</li> <li class="versionid">VERSION_ID</li>
</div>
<ul>
<li><a href="/">Rechner</a></li> <li><a href="/">Rechner</a></li>
<li><a href="/nutrition" class="active">Neue Lebensmittel</a></li> <li><a href="/nutrition" class="active">Neue Lebensmittel</a></li>
</ul> </ul>
</nav> </nav>
<div class="content"> <div class="content">
<form onsubmit="event.preventDefault(); addNutritionEntry();" method="POST" id="nutrition-form"> <form onsubmit="event.preventDefault(); addNutritionEntry();" method="POST" id="nutrition-form">
<table id="nutrition-input-table"> <table id="nutrition-input-table">