morten/morten-olsen.github.io
1
0
Fork 0
mirror of https://github.com/morten-olsen/morten-olsen.github.io.git synced 2026-02-08 01:46:28 +01:00
Code Issues Packages Projects Releases Wiki Activity

minor ui fixes

Browse Source
This commit is contained in:
Morten Olsen
2026-01-10 08:46:49 +01:00
parent ff6e988125
commit e38756d521
4 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@@ -20,7 +20,7 @@
"canvas": "^3.2.0", "canvas": "^3.2.0",
"sharp": "^0.34.5" "sharp": "^0.34.5"
}, },
"packageManager": "pnpm@10.18.0", "packageManager": "pnpm@10.27.0+sha512.72d699da16b1179c14ba9e64dc71c9a40988cbdc65c264cb0e489db7de917f20dcf4d64d8723625f2969ba52d4b7e2a1170682d9ac2a5dcaeaab732b7e16f04a",
"devDependencies": { "devDependencies": {
"less": "^4.4.2", "less": "^4.4.2",
"vite-plugin-pwa": "^1.2.0" "vite-plugin-pwa": "^1.2.0"

2
src/components/page/Header.astro
View File

@@ -40,7 +40,7 @@ const links = {
<style> <style>
.header { .header {
max-width: var(--content-width); max-width: var(--content-width);
margin: 80px auto; margin: 80px auto 0 auto;
padding: 30px; padding: 30px;
display: grid; display: grid;
gap: var(--gap); gap: var(--gap);

2
src/pages/index.astro
View File

@@ -48,7 +48,7 @@ const jsonLd = await profile.getJsonLd();
.main { .main {
padding: 30px; padding: 30px;
max-width: var(--content-width); max-width: var(--content-width);
margin: auto; margin: 80px auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: calc(var(--gap) * 3); gap: calc(var(--gap) * 3);

9
src/pages/posts/[id]/index.astro
View File

@@ -139,6 +139,7 @@ const { Content } = await render(post);
} }
.content { .content {
max-width: 100vw;
grid-area: content; grid-area: content;
padding: var(--space-xl); padding: var(--space-xl);
padding-left: var(--left-padding); padding-left: var(--left-padding);
@@ -209,8 +210,11 @@ const { Content } = await render(post);
padding-bottom: var(--space-md); padding-bottom: var(--space-md);
} }
code { pre {
max-width: 100%;
overflow-x: auto;
font-family: monospace; font-family: monospace;
padding: var(--space-lg);
} }
} }
@@ -226,7 +230,7 @@ const { Content } = await render(post);
article picture { article picture {
position: absolute; position: absolute;
z-index: -1; z-index: 0;
height: 80vh; height: 80vh;
} }
@@ -239,6 +243,7 @@ const { Content } = await render(post);
header { header {
padding: var(--space-xl); padding: var(--space-xl);
height: 80vh; height: 80vh;
z-index: 1;
} }
h1 { h1 {