responsive tables and post page redesign for narrow viewport
This commit is contained in:
@@ -88,4 +88,33 @@
|
||||
.prose-compact pre code::after {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
.prose-compact table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
width: 100%;
|
||||
@apply my-6;
|
||||
font-size: 14px;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.prose-compact table tr {
|
||||
background-color: #fff;
|
||||
border-top: 1px solid #c6cbd1;
|
||||
}
|
||||
|
||||
.prose-compact table tr:nth-child(2n) {
|
||||
background-color: #f6f8fa;
|
||||
}
|
||||
|
||||
.prose-compact table th,
|
||||
.prose-compact table td {
|
||||
padding: 6px 13px;
|
||||
border: 1px solid #dfe2e5;
|
||||
}
|
||||
|
||||
.prose-compact table th {
|
||||
font-weight: 600;
|
||||
background-color: #f6f8fa;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user