some styling

This commit is contained in:
2024-04-30 11:06:49 +02:00
parent 8bb931b886
commit 5c3d9ddc1c
2 changed files with 87 additions and 54 deletions

View File

@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<title>services</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="services.js"></script>
</head>
<body>
<h1>Services</h1>
@@ -11,53 +12,56 @@
<a href="#add" class="bookmark">Want to add a new line?</a>
<br>
<br>
<table>
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th colspan="2">Actions</th>
</tr>
</thead>
</table>
<h2 id="add">Add a new line</h2>
<table class="inputs">
<tr>
<th>ID</th>
<th><input type="text"></th>
</tr>
<tr>
<th>Maintainer</th>
<th><input type="text"></th>
</tr>
<tr>
<th>Name</th>
<th><input type="text"></th>
</tr>
<tr>
<th>Version</th>
<th><input type="text"></th>
</tr>
<tr>
<th>Account</th>
<th><input type="text"></th>
</tr>
<tr>
<th>Notes</th>
<th><input type="text"></th>
</tr>
<tr>
<th>Service domain</th>
<th><input type="text"></th>
</tr>
<tr>
<th>IP</th>
<th><input type="text"></th>
</tr>
<tr>
<th>Port</th>
<th><input type="text"></th>
</tr>
</table>
<table>
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th colspan="2">Actions</th>
</tr>
</thead>
<tbody id="resultarea">
</tbody>
</table>
<h2 id="add">Add a new line</h2>
<table class="inputs">
<tr>
<td>ID</td>
<td class="inputcell"><input type="text" id="in_id"></td>
</tr>
<tr>
<td>Maintainer</td>
<td class="inputcell"><input type="text" id="in_maintainer_id"></td>
</tr>
<tr>
<td>Name</td>
<td class="inputcell"><input type="text" id="in_name"></td>
</tr>
<tr>
<td>Version</td>
<td class="inputcell"><input type="text" id="in_version"></td>
</tr>
<tr>
<td>Account</td>
<td class="inputcell"><input type="text" id="in_account"></td>
</tr>
<tr>
<td>Notes</td>
<td class="inputcell"><input type="text" id="in_notes"></td>
</tr>
<tr>
<td>Service domain</td>
<td class="inputcell"><input type="text" id="in_domain"></td>
</tr>
<tr>
<td>IP</td>
<td class="inputcell"><input type="text" id="in_ip"></td>
</tr>
<tr>
<td>Port</td>
<td class="inputcell"><input type="text" id="in_port"></td>
</tr>
</table>
<div id="addresult"></div>
</body>
</html>