fix: make styles work in older browsers
This commit is contained in:
parent
f711ced991
commit
b8dbc971cd
|
@ -51,33 +51,32 @@ const formatDate = (date: Date) => {
|
|||
display: flex;
|
||||
gap: 5px;
|
||||
}
|
||||
.content {
|
||||
img {
|
||||
.content :global(img) {
|
||||
width: 100%;
|
||||
max-width: 700px;
|
||||
margin-left: calc((100% - min(100%, 700px)) / 2);
|
||||
margin-bottom: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
th, td {
|
||||
.content :global(th),
|
||||
.content :global(td) {
|
||||
border: 1px solid #444;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
th {
|
||||
.content :global(th) {
|
||||
text-align: left;
|
||||
}
|
||||
table {
|
||||
.content :global(table) {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
pre {
|
||||
.content :global(pre) {
|
||||
padding: 12px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
p > code {
|
||||
.content :global(code) {
|
||||
background-color: #24292e;
|
||||
padding: 2px 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in a new issue