style(ui): redesign markdown tables to match modern aesthetic
This commit is contained in:
parent
46860f7c41
commit
c7b11b7f04
44
input.css
44
input.css
@ -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 {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user