michalvankodev/michalvankodev-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Center the images

Browse Source
This commit is contained in:
Michal Vanko 2021-04-21 19:16:24 +02:00
parent c54711c23e
commit 59db328b4b
2 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/routes/blog/[slug].svelte
View File

@ -23,6 +23,18 @@
}) })
</script> </script>
<svelte:head>
<title>{post.title}</title>
<link rel="stylesheet" href="/prism.css" />
</svelte:head>
<h1>{post.title}</h1>
<div class="content">
{@html post.body}
</div>
<ArticleFooter {post} />
<style> <style>
/* /*
By default, CSS is locally scoped to the component, By default, CSS is locally scoped to the component,
@ -56,6 +68,7 @@
.content :global(img) { .content :global(img) {
max-width: 100%; max-width: 100%;
max-height: 640px;
border-radius: 5px; border-radius: 5px;
box-shadow: 0px 0px 8px 1px #2d3935; box-shadow: 0px 0px 8px 1px #2d3935;
} }
@ -65,15 +78,3 @@
margin: 0 auto; margin: 0 auto;
} }
</style> </style>
<svelte:head>
<title>{post.title}</title>
<link rel="stylesheet" href="/prism.css" />
</svelte:head>
<h1>{post.title}</h1>
<div class="content">
{@html post.body}
</div>
<ArticleFooter {post} />

2
static/global.css
View File

@ -85,11 +85,11 @@ pre {
figure { figure {
margin: 1em 0.5em; margin: 1em 0.5em;
text-align: center;
} }
figcaption { figcaption {
font-size: 0.7em; font-size: 0.7em;
padding: 0 1em;
font-style: italic; font-style: italic;
} }