this repo has no description
1<script setup lang="ts">
2const { frontmatter } = usePage()
3</script>
4
5<template>
6 <div class="post">
7 <app-header class="header-post" />
8
9 <img
10 id="main-illustration"
11 v-if="frontmatter.illustration"
12 :src="frontmatter.illustration"
13 alt="Main illustration"
14 />
15
16 <article id="main-article">
17 <slot />
18 </article>
19 </div>
20</template>
21
22<style lang="scss">
23#main-illustration {
24 object-fit: contain;
25}
26
27article#main-article {
28 max-width: 740px;
29 margin: auto;
30 padding: 1rem;
31 text-align: justify;
32
33 li {
34 text-align: left;
35 }
36}
37
38h1 {
39 line-height: 1em;
40}
41
42h2,
43h3,
44h4,
45h5,
46h6,
47h7 {
48 margin-top: 1rem;
49 margin-bottom: 0.5rem;
50}
51
52img {
53 max-width: 100%;
54 display: flex;
55 margin: auto;
56}
57
58.header-post {
59 float: left;
60}
61</style>