mirror of
https://github.com/morten-olsen/morten-olsen.github.io.git
synced 2026-02-08 01:46:28 +01:00
minor ui fixes
This commit is contained in:
@@ -40,7 +40,7 @@ const links = {
|
||||
<style>
|
||||
.header {
|
||||
max-width: var(--content-width);
|
||||
margin: 80px auto;
|
||||
margin: 80px auto 0 auto;
|
||||
padding: 30px;
|
||||
display: grid;
|
||||
gap: var(--gap);
|
||||
|
||||
@@ -48,7 +48,7 @@ const jsonLd = await profile.getJsonLd();
|
||||
.main {
|
||||
padding: 30px;
|
||||
max-width: var(--content-width);
|
||||
margin: auto;
|
||||
margin: 80px auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: calc(var(--gap) * 3);
|
||||
|
||||
@@ -139,6 +139,7 @@ const { Content } = await render(post);
|
||||
}
|
||||
|
||||
.content {
|
||||
max-width: 100vw;
|
||||
grid-area: content;
|
||||
padding: var(--space-xl);
|
||||
padding-left: var(--left-padding);
|
||||
@@ -209,8 +210,11 @@ const { Content } = await render(post);
|
||||
padding-bottom: var(--space-md);
|
||||
}
|
||||
|
||||
code {
|
||||
pre {
|
||||
max-width: 100%;
|
||||
overflow-x: auto;
|
||||
font-family: monospace;
|
||||
padding: var(--space-lg);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -226,7 +230,7 @@ const { Content } = await render(post);
|
||||
|
||||
article picture {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
z-index: 0;
|
||||
height: 80vh;
|
||||
}
|
||||
|
||||
@@ -239,6 +243,7 @@ const { Content } = await render(post);
|
||||
header {
|
||||
padding: var(--space-xl);
|
||||
height: 80vh;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
||||
Reference in New Issue
Block a user