lumin/comfycamp
lumin/comfycamp
1
1
Fork 0
Code Issues 4 Pull requests Releases Packages Activity

fix: make styles work in older browsers

Browse source
This commit is contained in:
Ivan R. 2024-03-29 23:48:41 +05:00
parent f711ced991
commit b8dbc971cd
Signed by: lumin
GPG key ID: E0937DC7CD6D3817
1 changed files with 27 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
src/pages/notes/[...slug].astro
View file

@ -51,33 +51,32 @@ const formatDate = (date: Date) => {
display: flex;
gap: 5px;
}
.content {
img {
width: 100%;
max-width: 700px;
margin-left: calc((100% - min(100%, 700px)) / 2);
margin-bottom: 20px;
cursor: pointer;
}
th, td {
border: 1px solid #444;
padding: 6px 10px;
}
th {
text-align: left;
}
table {
border-collapse: collapse;
width: 100%;
}
pre {
padding: 12px;
border-radius: 5px;
}
p > code {
background-color: #24292e;
padding: 2px 4px;
border-radius: 4px;
}
.content :global(img) {
width: 100%;
max-width: 700px;
margin-left: calc((100% - min(100%, 700px)) / 2);
margin-bottom: 20px;
cursor: pointer;
}
.content :global(th),
.content :global(td) {
border: 1px solid #444;
padding: 6px 10px;
}
.content :global(th) {
text-align: left;
}
.content :global(table) {
border-collapse: collapse;
width: 100%;
}
.content :global(pre) {
padding: 12px;
border-radius: 5px;
}
.content :global(code) {
background-color: #24292e;
padding: 2px 4px;
border-radius: 4px;
}
</style>