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 {
|
.md-content table {
|
||||||
margin-bottom: var(--content-gap-paper);
|
margin-bottom: var(--content-gap-paper);
|
||||||
width: 100%;
|
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 thead th {
|
||||||
.md-content table td {
|
background: var(--color-paper-code-block);
|
||||||
min-width: 80px;
|
|
||||||
padding: 6px 13px;
|
|
||||||
line-height: 1.5;
|
|
||||||
border: 1px solid var(--color-paper-border);
|
|
||||||
}
|
|
||||||
|
|
||||||
.md-content table th {
|
|
||||||
text-align: start;
|
|
||||||
font-weight: 600;
|
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 {
|
.md-content img {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user