optimized layout
This commit is contained in:
@ -40,16 +40,16 @@
|
||||
justify-content: center;
|
||||
align-self: stretch;
|
||||
width: 100%;
|
||||
padding: 20px 30px;
|
||||
gap: 20px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
||||
padding: 1.25rem 1.875rem;
|
||||
gap: 1.25rem;
|
||||
border-radius: 0.625rem;
|
||||
box-shadow: 0.25rem 0.25rem 0.25rem 0rem rgba(0, 0, 0, 0.25);
|
||||
background-color: #2c2c2c;
|
||||
}
|
||||
|
||||
.data-table {
|
||||
width: 100%;
|
||||
padding: 0 10px;
|
||||
padding: 0 0.625rem;
|
||||
table-layout: fixed;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
@ -57,29 +57,29 @@
|
||||
.table-row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
height: 50px;
|
||||
padding: 10px;
|
||||
gap: 10px;
|
||||
border-top: 1px solid #000000;
|
||||
height: 3.125rem;
|
||||
padding: 0.625rem;
|
||||
gap: 0.625rem;
|
||||
border-top: 0.0625rem solid #000000;
|
||||
}
|
||||
#table-head {
|
||||
border-top: none;
|
||||
border-bottom: 1px solid #000000;
|
||||
border-bottom: 0.0625rem solid #000000;
|
||||
}
|
||||
|
||||
th, td {
|
||||
height: 30px;
|
||||
height: 1.875rem;
|
||||
padding: 0;
|
||||
color: #ffffff;
|
||||
letter-spacing: 0.7px;
|
||||
font: 400 14px/30px Overpass, sans-serif;
|
||||
letter-spacing: 5%;
|
||||
font: 400 0.875rem/1.875rem Overpass, sans-serif;
|
||||
}
|
||||
th {
|
||||
font: 700 14px/30px Overpass, sans-serif;
|
||||
font: 700 0.875rem/1.875rem Overpass, sans-serif;
|
||||
}
|
||||
.ID {
|
||||
width: 40%;
|
||||
border-right: 1px solid #000000;
|
||||
border-right: 0.0625rem solid #000000;
|
||||
}
|
||||
.Name {
|
||||
width: 60%;
|
||||
|
||||
Reference in New Issue
Block a user