karma/crab-webapp
1
0
Fork 0
mirror of https://github.com/karma-riuk/crab-webapp.git synced 2025-07-05 06:08:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

added the table for the the results of code

Browse Source 
refinement
This commit is contained in:
Karma Riuk
2025-05-14 22:01:51 +02:00
parent 2980f29bfa
commit 7dbfd51258
2 changed files with 30 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
public/css/style.css
View File

@ -44,19 +44,27 @@ h1 {
width: 100%; width: 100%;
} }
#results-container { .results-container {
display: none; display: none;
justify-items: center;
} }
#results-container h3 { .results-container h3 {
display: flex; display: flex;
width: 100%; width: 100%;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
} }
table { .results-container#comment table {
width: 100%; width: 100%;
}
.results-container#refinement table {
text-align: center;
}
table {
border-collapse: collapse; border-collapse: collapse;
} }
@ -102,11 +110,11 @@ table tbody td:nth-child(1) {
} }
/* style score header */ /* style score header */
table th:nth-child(3) { .results-container#comment table th:nth-child(3) {
white-space: nowrap; white-space: nowrap;
} }
/* style score column values */ /* style score column values */
table tbody td:nth-child(3) { .results-container#comment table tbody td:nth-child(3) {
text-align: right; text-align: right;
} }

19
public/index.html
View File

@ -56,8 +56,8 @@
</div> </div>
</div> </div>
<div id="results-container"> <div id="comment" class="results-container">
<h3>Results<button id="download-results">Download</button></h3> <h3>Results Comment Generation<button class="download-results">Download</button></h3>
<table class="sortable"> <table class="sortable">
<thead> <thead>
<tr> <tr>
@ -71,6 +71,21 @@
</table> </table>
</div> </div>
<div id="refinement" class="results-container">
<h3>Results Code Refinement<button class="download-results">Download</button></h3>
<table class="sortable">
<thead>
<tr>
<th>id</th>
<th>Compiled</th>
<th>Tested</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</body> </body>
</html> </html>