better main illustration size

This commit is contained in:
Julien Calixte
2023-05-29 10:13:46 +02:00
parent 1d9e1a0674
commit f314b49a85

View File

@@ -4,9 +4,14 @@ const { frontmatter } = usePage()
<template> <template>
<div class="post"> <div class="post">
<app-header /> <app-header class="header-post" />
<img id="main-illustration" v-if="frontmatter.illustration" :src="frontmatter.illustration" alt="Main illustration"> <img
id="main-illustration"
v-if="frontmatter.illustration"
:src="frontmatter.illustration"
alt="Main illustration"
/>
<article id="main-article"> <article id="main-article">
<slot /> <slot />
@@ -45,9 +50,12 @@ h7 {
} }
img { img {
width: 100%; max-width: 100%;
max-height: 40vh;
display: flex; display: flex;
margin: auto; margin: auto;
} }
.header-post {
float: left;
}
</style> </style>