style(ui): redesign markdown tables to match modern aesthetic

This commit is contained in:
xfy 2026-07-03 17:27:54 +08:00
parent 46860f7c41
commit c7b11b7f04

View File

@ -393,21 +393,41 @@
.md-content table {
margin-bottom: var(--content-gap-paper);
width: 100%;
border-collapse: collapse;
display: block;
overflow-x: auto;
border-collapse: separate;
border-spacing: 0;
border-radius: 16px;
box-shadow: 0 0 0 1px var(--color-paper-border);
}
.md-content table th,
.md-content table td {
min-width: 80px;
padding: 6px 13px;
line-height: 1.5;
border: 1px solid var(--color-paper-border);
}
.md-content table th {
text-align: start;
.md-content table thead th {
background: var(--color-paper-code-block);
font-weight: 600;
background: var(--color-paper-code-bg);
color: var(--color-paper-primary);
padding: 16px 24px;
text-align: left;
border-bottom: 1px solid var(--color-paper-border);
white-space: nowrap;
}
.md-content table tbody td {
padding: 16px 24px;
line-height: 1.6;
border-bottom: 1px solid var(--color-paper-border);
color: var(--color-paper-secondary);
}
.md-content table tbody tr:last-child td {
border-bottom: none;
}
.md-content table tbody tr {
transition: background-color 0.2s ease;
}
.md-content table tbody tr:hover {
background: var(--color-paper-entry);
}
.md-content img {