Added the table styling

This commit is contained in:
tijsklaren 2023-01-01 14:57:03 +01:00
parent e07eea15fb
commit a54b7d583e
1 changed files with 42 additions and 0 deletions

42
src/css/table.css Normal file
View File

@ -0,0 +1,42 @@
/* Table styling */
/* - Use the class "totals" to give a cell or row some different styling */
/* - Use the class "icon" to center an icon in the cell, make sure the icon has the class "icon" */
table{
width: 100%;
border-collapse: collapse;
text-align: left;
background-color: white;
border-radius: 10px;
overflow: hidden;
}
tr.totals, th.totals, td.totals{
background: #efefef;
}
th, td{
padding: 10px;
}
th.iconCell, td.iconCell{
text-align: center;
}
th.iconCell > .icon, td.iconCell > .icon{
font-size: 15px;
width: 15px;
padding: 8px;
border-radius: 50%;
background-color: var(--just-blue);
color: white;
cursor: pointer;
}
th{
background: var(--just-blue);
color: white;
}