TypoMustakes/Prog4_Beadando
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

some styling

Browse Source
This commit is contained in:
Miskolczi Richárd
2024-04-30 11:06:49 +02:00
parent 8bb931b886
commit 5c3d9ddc1c
2 changed files with 87 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/services.html
View File

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

41
WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/style.css
View File

@@ -1,7 +1,6 @@
body{ body{
background-image: url("img/backround.jpg"); background-image: url("img/backround.jpg");
background-position: right top; background-position: right top;
background-opacity: 0.8;
background-size: cover; background-size: cover;
} }
h1{ h1{
@@ -49,20 +48,50 @@ a.bookmark{
} }
table.inputs{ table.inputs{
text-align: left; width: 50%;
margin: 250px; text-align: right;
margin: 50px;
margin-left: auto;
margin-right: auto;
} }
table table
{ {
width: 100%; width: 80%;
font-size: 20px; font-size: 20px;
color: white; color: white;
margin-left: auto;
margin-right: auto;
}
table th, table td
{
border: 1px solid white;
padding: 10px;
}
.inputcell
{
padding: 0;
margin: 0;
}
.inputcell input
{
color: white;
}
table td input
{
width: 100%;
height: 100%;
height: 30px;
box-sizing: border-box;
} }
.list table, .list th, .list td .list table, .list th, .list td
{ {
border: 1px solid white: border: 1px solid white;
} }
.list table .list table
@@ -77,7 +106,7 @@ table
.list button table button
{ {
width: 100%; width: 100%;
height: 30px; height: 30px;