Add page footer with request time display
This commit is contained in:
+16
-1
@@ -37,6 +37,8 @@ body {
|
||||
font:
|
||||
1rem "Iosevka Etoile",
|
||||
monospace;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
* {
|
||||
@@ -148,6 +150,8 @@ main {
|
||||
max-width: 860px;
|
||||
margin: 0 auto;
|
||||
padding: 1.5rem 1rem;
|
||||
width: 100%;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/* === Markdown content === */
|
||||
@@ -439,6 +443,16 @@ textarea {
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
/* === Page footer === */
|
||||
footer {
|
||||
padding: 0.75rem 1rem;
|
||||
border-top: 1px dashed var(--secondary);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
/* === Task lists === */
|
||||
.content li:has(> input.task-checkbox:checked) {
|
||||
color: var(--text-muted);
|
||||
@@ -822,7 +836,8 @@ hr {
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
header {
|
||||
header,
|
||||
footer {
|
||||
padding: 0.5rem 0.75rem;
|
||||
}
|
||||
main {
|
||||
|
||||
Reference in New Issue
Block a user