Use subtle faint row separators for tables instead of thick borders
This commit is contained in:
@@ -184,11 +184,6 @@
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.teams-table th,
|
||||
.teams-table td {
|
||||
border: 1px solid #e2e8f0;
|
||||
}
|
||||
|
||||
.teams-table th {
|
||||
text-align: left;
|
||||
padding: 0.75rem 1rem;
|
||||
@@ -198,13 +193,18 @@
|
||||
letter-spacing: 0.05em;
|
||||
color: var(--color-text-muted);
|
||||
background: var(--color-bg-secondary);
|
||||
border-bottom-width: 2px;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.teams-table td {
|
||||
padding: 0.75rem 1rem;
|
||||
font-size: 0.875rem;
|
||||
vertical-align: middle;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
|
||||
.teams-table tbody tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.team-row {
|
||||
|
||||
Reference in New Issue
Block a user