Implement error message

This commit is contained in:
Kai Vogelgesang
2020-07-18 00:31:41 +02:00
parent 2bc842665d
commit b3aff0bf81
2 changed files with 74 additions and 28 deletions

View File

@@ -3,30 +3,52 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta charset="utf-8">
<title>Waschmarken.io</title>
<meta name="description" content="Waschmarken Scoreboard">
<title>Waschmarken.io</title>
<meta name="description" content="Waschmarken Scoreboard">
<link rel="stylesheet" href="../../static/css/normalize.css">
<link rel="stylesheet" href="../../static/css/sakura-dark.css">
<link rel="stylesheet" href="../../static/css/normalize.css">
<link rel="stylesheet" href="../../static/css/sakura-dark.css">
<style>
.heading {
text-align: center;
}
<style>
.heading {
text-align: center;
}
#thetable {
margin-bottom : 2rem;
}
.biceps {
display: flex;
justify-content: space-around;
}
input {
width: 8rem;
}
</style>
#thetable {
margin-bottom: 2rem;
}
.flex {
display: flex;
}
.biceps {
justify-content: space-around;
}
input {
width: 8rem;
}
#errormessage {
display: none;
/* flex if visible */
justify-content: space-between;
width: 100%;
border-left: 3px solid red;
padding-left: 1rem;
background: #460000;
color: red;
}
#errorclose {
margin-right: 1rem;
font-weight: bold;
cursor: pointer;
}
</style>
</head>
@@ -48,15 +70,20 @@
</tr>
</tbody>
</table>
<div class="biceps">
<div class="flex biceps">
<div>
<input type="number" id="sellvalue" value = "1" >
<input type="number" id="sellvalue" value="1" min="0">
<button id="sell">Sell</button>
</div>
</div>
<div id="errormessage">
<span id="errortext"></span>
<span id="errorclose">&times;</span>
</div>
<script src="../../static/js/user.js"></script>
</body>
</html>
</html>