nbillard/sokoban
1
1
Fork 0
Code Issues Pull requests Releases Wiki Activity

add table to aside left

Browse source
This commit is contained in:
Ronan 2022-12-12 17:14:51 +01:00
parent 1704b7ceec
commit 5d984e9618
2 changed files with 44 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
index.html
View file

@ -27,8 +27,26 @@
</nav>
<div class="container">
<aside class="left-sidebar">
<table>
SCORE
<table border="1">
<thead>
<th>Name</th>
<th>Score</th>
</thead>
<tbody id="scoreTable">
<tr>
<td>
Axel
</td>
<td>1</td>
</tr>
<tr>
<td>
Ronan
</td>
<td>2</td>
</tr>
</tbody>
</table>
</aside>
<main>

25
style.css
View file

@ -29,7 +29,7 @@ main {
aside {
margin: 0 auto;
float: left;
width: 10rem;
width: 20rem;
justify-content: space-between;
flex-direction: column;
}
@ -73,6 +73,29 @@ footer p:last-child {
font-weight: bolder;
}
table {
border-collapse: collapse;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
width:100%;
}
thead {
width:100%;
background:#000;
padding:(12px * 1.5) 0;
color:wheat;
}
tr {
text-align: center;
width:100%;
padding:(12px * 1.5) 0;
}
tr:nth-of-type(even) {
background:lightgray;
}
.text-bubble {
position: relative;
margin: auto;