diff --git a/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/customers/customers.js b/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/customers/customers.js index 7598a70..fa153dd 100644 --- a/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/customers/customers.js +++ b/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/customers/customers.js @@ -29,12 +29,6 @@ function display() + ''; }); - document.getElementById('resultarea').innerHTML += - '' + - '' + - 'Add new' + - '' + - ''; } function updatecustomer(id) diff --git a/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/employees/employees.js b/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/employees/employees.js index df43a4d..21acaee 100644 --- a/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/employees/employees.js +++ b/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/employees/employees.js @@ -29,12 +29,6 @@ function display() + ''; }); - document.getElementById('resultarea').innerHTML += - '' + - '' + - 'Add new' + - '' + - ''; } function updateemployee(id) diff --git a/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/img/hatter.png b/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/img/hatter.png new file mode 100644 index 0000000..a738dd3 Binary files /dev/null and b/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/img/hatter.png differ diff --git a/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/maintainer_teams/maintainerteam.js b/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/maintainer_teams/maintainerteam.js index b38fc3f..3b69fb3 100644 --- a/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/maintainer_teams/maintainerteam.js +++ b/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/maintainer_teams/maintainerteam.js @@ -29,12 +29,6 @@ function display() + ''; }); - document.getElementById('resultarea').innerHTML += - '' + - '' + - 'Add new' + - '' + - ''; } function updatemaintainerteam(id) diff --git a/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/services/services.html b/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/services/services.html index 992c57f..18b0c1c 100644 --- a/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/services/services.html +++ b/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/services/services.html @@ -23,6 +23,7 @@ +

Add a new line

@@ -61,10 +62,8 @@ - - -
Port
+
diff --git a/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/services/services.js b/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/services/services.js index 9b3e8ee..b6db9fd 100644 --- a/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/services/services.js +++ b/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/services/services.js @@ -28,13 +28,6 @@ function display() + '' + ''; }); - - document.getElementById('resultarea').innerHTML += - '' + - '' + - 'Add new' + - '' + - ''; } function updateService(id) diff --git a/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/style.css b/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/style.css index 1862c5e..95d439c 100644 --- a/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/style.css +++ b/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/style.css @@ -1,9 +1,8 @@ @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); body{ - background: linear-gradient(to left, #8a2be2, rgb(255, 51, 170)); - background-position: right top; - background-size: cover; + background-image: url("./img/hatter.png"); + font-family: 'Roboto', sans-serif; } @@ -44,6 +43,7 @@ a.button{ a.button:hover{ background: rgba(255, 255, 255, 0.25); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; + border: 3px solid #ff5c33; } a.bookmark{ @@ -58,64 +58,36 @@ table.inputs{ width: 50%; text-align: right; margin: 50px auto; + margin-bottom: 20px; + color: white; } table.inputs td:first-child{ background-color: rgba(0, 0, 0, 0.1); } -table.queryresults th, -table.queryresults tr:last-child td, -table.queryresults td:nth-last-child(-n+2) { - background-color: rgba(0, 0, 0, 0.1); -} -table +table.queryresults { width: 80%; font-size: 20px; color: white; margin: 0 auto; - border-radius: 10px; + border-radius: 30px; border-collapse: collapse; - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); - overflow: hidden; } table th, table td { - border: 1px solid white; + border: 2px solid white; padding: 10px; } table th { - border-top: none; background-color: rgba(0, 0, 0, 0.1); } -table th:last-child, table td:last-child -{ - border-right: none; -} - -table tr:last-child td -{ - vertical-align: middle; - border-bottom: none; - text-align: center; -} - -table th:first-child, table td:first-child -{ - border-left: none; -} - -table tr:first-child td -{ - border-top: none; -} - .inputcell { padding: 0; @@ -141,16 +113,35 @@ table td input, table button } button { - border: 2px solid #ff5c33; + border: 2px solid white; background: transparent; color: white; font-size: 16px; - transition: background 0.3s ease, box-shadow 0.3s ease; border-radius: 5px; } button:hover { - background: #ff5c33; - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -} \ No newline at end of file + border: 2px solid #ff5c33; + background: rgba(255, 255, 255, 0.25); + box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; +} + +button.save{ + border: 2px solid white; + background: transparent; + color: white; + font-size: 16px; + border-radius: 5px; + display: block; + margin-left: auto; + margin-right: auto; + padding: 10px 200px; +} + +button.save:hover +{ + border: 2px solid #ff5c33; + background: rgba(255, 255, 255, 0.25); + box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; +}